Before this we need to install one plug in for selecting a file so right click in solution and select Manage NuGet Packages for solution and search for File Picker and install as shown in fig. So far we have added a pdf viewer, now let’s call pdf file from button. First call this pdf viewer inside this page, for this first add the reference in the above xaml page. Let’s see how to use this in our MainPage.xaml which we have designed. catch (FileNotFoundException fileNotFoundException) Samurajdata PDF Viewer It is a text based PDF viewer which will let you add PDF files from your computer or a web link to view and read.And to easily edit and convert your PDFs into file formats like Excel and Word, try out PDF editor and converter Acrobat Pro. printManager?.Print(FileName, new FilePrintDocumentAdapter(FileName, Uri), null ) View, sign, collaborate on and annotate PDF files with our free Acrobat Reader software.

using ( var printManager = () as PrintManager).

return base.OnJsAlert(view, url, message, result).

if (message != 'PdfViewer_app_scheme:print' ).

public override bool OnJsAlert( view, string url, string message, JsResult result).

internal class PdfWebChromeClient : WebChromeClient.

public class PdfViewRenderer: WebViewRenderer.

Create one folder and give a name as pdfjs and copy those two folders into this pdfjs folder as shown in the below figure. For this, download some support files from hereĪnd unzip that, now you can see two folders, build and web. =''assets/cmaps/''ĭefault url is: serve cmaps on your own you need to copy node_modules/pdfjs-dist/cmaps to assets/cmaps.Now that we have designed a part of a page we have to add a pdf viewer. Url for non-latin characters source maps. !Important To make work - make sure that ='false' and pdf-viewer tag has max-width or display are set. Show single or all pages altogether ='true' You can show your document in original size, and make sure that it's not bigger then container block.

if set to false - size will be as same as container block.

if set to true - size will be as same as original document.

'page-fit' with zoom of 1 will display a page that will be scaled to either width or height to fit completely in the container

'page-height' with zoom of 1 will display a page height that take all the possible vertical space in the container 'page-width' with zoom of 1 will display a page width that take all the possible horizontal space in the container

0, 90, 180 ='90'ĭefines how the Zoom scale is computed when ='false', by default set to 'page-width'.

Used in combination with ='true'Ĭontrols if the text layer is enabled, and the selection mode that is used.Ġ = RenderTextMode.DISABLED - disable the text selection layerġ = RenderTextMode.ENABLED - enables the text selection layerĢ = RenderTextMode.ENHANCED - enables enhanced text selection ='1'Īllowed step is 90 degree, ex. ='true'Įnable text rendering, allows to select text ='true' Works in combination with ='true' and page.

Pdf viewer online url