Mobile App > Bootstrap5 + Capacitor > display / open PDF files

Mobile Apps
#1

Hi everybody,
My mobile app provides a documents list that are all PDF files.

Capture d’écran 2023-03-28 à 14.21.28
Capture d’écran 2023-03-28 à 14.21.281188×2066 365 KB

I don’t know how to make them readable in app or with the mobile phone on-click from this list.

I’ve read this post but don’t know how to use it.

Thanks for your help.
Sylvain

#2

Any idea?
Help 'ld be appreciated.
Thanks

#3

Hello folks,
Any idea?
Thanks

#4

Can you make them links so they can be downloaded and viewed in the default OS app for PDFs?

Also, have you read this? https://docs.wappler.io/t/file-downloads-with-server-connect/12780

#5

They can be downloaded.
I’m expecting displaying PDF doc in a viewer. I tried setting a variable with the URL then showing a modal including code (object / embed / iframe) but none of these 3 tag works.

<embed type="application/pdf" width="100%" height="100%" dmx-bind:src="varURLPDF.value" /></embed>

                <object dmx-bind:src="varURLPDF.value" type="application/pdf" width="100%" height="100%">
                </object>

                <iframe dmx-bind:src="varURLPDF.value" type="application/pdf" width="100%" style="height:100%">
                </iframe>


                <p>Unable to display PDF file. <a dmx-bind:href="varURLPDF.value">{{varURLPDF.value}}</a> instead.</p>

Thanks for your help.

#6

I believe you would need to create the viewer in your app if you don’t want to go the simpler route of downloading the file.

This should help you create the viewer.

#7

Thanks for the help.
I’ll add the viewer in few weeks.