Free PDF Viewer Control for .NET MAUI - Show PDF Files with Ease!

[@jfversluis]

Also be sure to check out Teleriks controls in this video: kzbin.info/www/bejne/iovbimeiZp2fitE or how about DevExpress? kzbin.info/www/bejne/i6O7dZyFeaaqgc0

[@DeepWorksStudios]

I agree it would be better if we would't need to do it in a webview and still in a free way but a solution is better than none at all so i think its great you sharing it :) Thanks Gerald as always ;)

[@jfversluis]

I'm not sure but I think PDF is licensed technology? And at the very least very hard to implement? So that is why no one is giving it away for free on mobile? It's about the only control that does not have a free version. Very interesting 🤨

[@TheFabulousCube]

@@jfversluis We use AbcPdf in an actual Web Page, maybe we can use it for .Net Maui. Hopefully without a hack, we rolled our own Audio Stream class to avoid a webview already.

[@aweklin]

Thanks Gerald, great content as usual. Please let us have the video on how to wrap the webview inside a reuseable control. Love your contents :)

[@samsuofficial]

how to load pdf not from local(asset). i want to load pdf from online webserver

[@dennyvictorLlaxaArbizo]

yes, how to load from an html url

[@madhavshenoy5214]

@@dennyvictorLlaxaArbizo Why not download the file from the url and then show the file locally

[@kamilyt6541]

How can I do this in my hybrid desktop app of maui + blazor

[@jfversluis]

Shouldn't be much of a difference actually?

[@kamilyt6541]

Okay Thank you.

[@davidezonta685]

Nice Video!. Works well on android but im having trouble showing the toolbar on ios, any idea?

[@Yakkaiser]

Since my app needs minimum API 23 I am very happy with the feedback of not going higher than version v3.11.174 In that one, I only see the 'Web' folder and no 'Build' folder. I do have the viewer present, so it works half? What folders are essentials in the 3.11.174 version to include as MauiAsset? Also how do you disable the controls?

[@sureshacharya1716]

Excellent. Pdf shows up fine, but I can not enter any text on the text boxes (i.e. no live text boxes), while I can enter text when opening separately on Preview. How can I make it similar to Previwe? I am using Visual Studio for Mac.

[@jfversluis]

I think your best bet, besides creating your own control, is to get a third-party control for that

[@irshad1257]

I tried it and in ios it is working fine when loading from the bundle but not working when loading from document directory. The issue is only on the physical device. working in ios simulator. Any help please.

[@mohammedsalmanp8134]

Can we have same kind of pdf viewer in ios ? Like I would like to have search in pdf on iOS

[@viralnarshana3780]

In iOS "pinch to zoom in/out" on pdf file is not working. I checked sample app as well.

[@alexanderuddfeldt477]

Did you find anything to fix this?

[@diveshdivesh6887]

If you anything for this issue to zoom in and zoom out, please let me know

[@shivammishra3732]

Hey @Gerald , Is it possible to load the token protected pdf url inside our maui application. I'm facing a problem showing the pdf inside webview as it shows the Token required every time and when I pass the token inside the header of the webview it doesn't work. Help me out.

[@jfversluis]

I guess if that’s what you want to do then you’ll have to download it first locally

[@shivammishra3732]

@@jfversluis I tried but it doesn't work I tried almost every possible way but no success.

[@bdgmsoft9062]

Great Gerald, can you help me about something like documents scan from computer screen.?? thanks

[@jfversluis]

Not sure what you mean by that?

[@bdgmsoft9062]

​@@jfversluis ok.. i mean that !! we always scan documents like id card or any other doc. from hard copy (print papers) as a pdf format using scanning mobile apps. right? but my questions is.. i wanna create a iOS and android apps that will work also scan desktop screen (invoice) and when i read a book on computer screen or iPad, one page is most important i need to scan that page. if possible link some useful help. thanks

[@abubakartariq2271]

Hello Sir, I really like the way you explain the things. I just want to know is there any library to view html content as pdf viewer in .Net Maui, just like Forms9Patch in xamarin forms?

[@appdevalphasystems]

Does this work with pdf with more than one page? How can I realize that?

[@jfversluis]

This should work with multi-page PDFS

[@appdevalphasystems]

@@jfversluis Thanks for the fast answer. My pdf is a multipage pdf. The pdf is shown in the webview but only for the size of the webview. The pdf is cut off and I can't scroll it. Do you have any ideas?

[@appdevalphasystems]

I solved the scroll issue. The problem is the grid element. If I use a ContentView element instead of a Grid it work's.

[@muhammedyasir345]

how to pdf file path in cloud how to view ?

[@jfversluis]

You probably want to download it to the local device first.

[@matthewleibowitz7372]

FillAndExpand... Jason just rolled over in his new job and EZ just typed sigh in his sabbatical... 😂

[@jfversluis]

Oops... 👀

[@jewersp]

pdf.js is a great library to display PDFs, just note that it's massive in size (12-15MB depending on the version).

[@jfversluis]

Mentioned in the video! But from what I could see “just” 4 mb on disk

[@jewersp]

@@jfversluiscompressed/packed or unpacked? I'm only interested in the latter, because that's what ends up in the app (although it might get somewhat compressed again during packaging). Version 4.0x shows me 16MB on disk when unpacked in the Resources\Raw folder

[@jfversluis]

@@jewerspOh huh! you're right! Sorry, I must've remembered wrong. I do see there is a PDF file in there that is probably not needed. Saves another meg!

[@jewersp]

@@jfversluis Yes, but the rest is made up by the uncompressed JavaScript and the graphics for the PDF viewer controls, so even removing that 1MB still leads to a large app size.

[@feeldulfo9387]

Can I do this on winform?

[@jfversluis]

I would think that this could also work WinForms

[@manadochannel6025]

How to generate report in .net maui?

[@jfversluis]

Will do a video on that soon, maybe even this week!

[@jfversluis]

Here it is: kzbin.info/www/bejne/gICtg62MprmgeLs

[@Jake-jk5ng]

Thank you!.

[@jfversluis]

Thank you for watching!

[@warrenaustin4083]

I love it, I love free 2 😂😂

[@jfversluis]

Are you Dutch? 🤔

[@NicolaiPrang]

I like free :))

[@jfversluis]

Hey me too!

[@marcwandaswedding-springcr5311]

why would I see the file pdfjs\web\compressed.tracemonkey-pldi-09.pdf when I try to view my document on android API Level 30

[@marcwandaswedding-springcr5311]

I just found a reference to it in viewer.mjs .. defaultOptions.defaultUrl = { value: "compressed.tracemonkey-pldi-09.pdf", kind: OptionKind.VIEWER };

[@marcwandaswedding-springcr5311]

I know you said you are not very familiar with the mjs so .. i'll dig around.

[@sagiritarius7560]

Showing PDF files is one thing, but creating them??? Man, that was one pain in the back to do it for free 😭 I eventually got PdfSharpCore to work but it wasn't easy with it having trimming tags meant for much older .NET versions

[@jfversluis]

Have you ever tried iText? github.com/itext/itext7-dotnet

[@SuperGulamali]

I was right eh, also I like free too 😆

[@jfversluis]

You're Dutch?!

[@SuperGulamali]

@@jfversluisI am Indian (We are stingy) , I am the guy who commented on LinkedIn guessing what you used in the video 😁

[@jfversluis]

@@SuperGulamali haha I know it was a joke! And definitely recognized the name!