# Being able to open a PDF from a list view and which list type

**URL:** <https://forum.adalo.com/t/being-able-to-open-a-pdf-from-a-list-view-and-which-list-type/26754>\
**Category:** Design\
**Created:** [May 2, 2022, 8:35pm UTC](https://forum.adalo.com/t/being-able-to-open-a-pdf-from-a-list-view-and-which-list-type/26754 "2022-05-02T20:35:45Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![mlefler](https://avatars.discourse-cdn.com/v4/letter/m/eada6e/32.png) [@mlefler](https://forum.adalo.com/u/mlefler)\
**Post date:** [May 2, 2022, 8:35pm UTC](https://forum.adalo.com/t/being-able-to-open-a-pdf-from-a-list-view-and-which-list-type/26754/1 "2022-05-02T20:35:45Z")

</div>

I want to show a list of PDFs that users can click on and open for them. I made a collection that has the name and upload of the PDF. Would I use a simple list or some other kind of list so people could see the list of PDFs in the collection and be able to click on and open them?

---

<div class="post-metadata">

**Author:** ![Flawless](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/flawless/32/20131_2.png) [@Flawless](https://forum.adalo.com/u/Flawless)\
**Post date:** [May 3, 2022, 1:08am UTC](https://forum.adalo.com/t/being-able-to-open-a-pdf-from-a-list-view-and-which-list-type/26754/2 "2022-05-03T01:08:27Z")

</div>

Hey there @mlefler

Add your simple list. Set a click action to the list with the very last option “website” and set the value to the PDF file URL.

---

<div class="post-metadata">

**Author:** ![mlefler](https://avatars.discourse-cdn.com/v4/letter/m/eada6e/32.png) [@mlefler](https://forum.adalo.com/u/mlefler)\
**Post date:** [May 3, 2022, 1:28am UTC](https://forum.adalo.com/t/being-able-to-open-a-pdf-from-a-list-view-and-which-list-type/26754/3 "2022-05-03T01:28:31Z")

</div>

Thank you for answering, the issue is, the PDF file is stored in my collection as a file so there is no url… at least I don’t think there is?

---

<div class="post-metadata">

**Author:** ![Flawless](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/flawless/32/20131_2.png) [@Flawless](https://forum.adalo.com/u/Flawless)\
**Post date:** [May 3, 2022, 1:56am UTC](https://forum.adalo.com/t/being-able-to-open-a-pdf-from-a-list-view-and-which-list-type/26754/4 "2022-05-03T01:56:04Z")

</div>

There is if you have the pdf record as a file parameter.

You would use Current record \> pdf \> url

---

<div class="post-metadata">

**Author:** ![mlefler](https://avatars.discourse-cdn.com/v4/letter/m/eada6e/32.png) [@mlefler](https://forum.adalo.com/u/mlefler)\
**Post date:** [May 3, 2022, 3:36am UTC](https://forum.adalo.com/t/being-able-to-open-a-pdf-from-a-list-view-and-which-list-type/26754/5 "2022-05-03T03:36:34Z")

</div>

I figured that out now, thank you for that. I have one last question. When I open the link to the PDF it doesn’t stay in the confines of the mobile view when I use preview. Is there a way to preview it on my actual mobile phone? I wanted to see how it acts opening in an actual android environment.

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [May 3, 2022, 3:46am UTC](https://forum.adalo.com/t/being-able-to-open-a-pdf-from-a-list-view-and-which-list-type/26754/6 "2022-05-03T03:46:10Z")

</div>

> [@mlefler](#):
>
> Is there a way to preview it on my actual mobile phone?

You can click the Share in the Editor top right corner and you can scan the Qr code from your phone send the app Url to the the phone!

And also you need to stretch the Web View component a bit to apply it to the full screen!

---

<div class="post-metadata">

**Author:** ![mlefler](https://avatars.discourse-cdn.com/v4/letter/m/eada6e/32.png) [@mlefler](https://forum.adalo.com/u/mlefler)\
**Post date:** [May 3, 2022, 4:29am UTC](https://forum.adalo.com/t/being-able-to-open-a-pdf-from-a-list-view-and-which-list-type/26754/7 "2022-05-03T04:29:39Z")

</div>

I figured out if I make a button and attach the link to the button, it will open the pdf, but it does it full screen. So I think I’m trying to get it to open in the adalo app in an iframe or something else like a web frame maybe? but how would I get the button to know where the pdf should open?

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [May 3, 2022, 4:52am UTC](https://forum.adalo.com/t/being-able-to-open-a-pdf-from-a-list-view-and-which-list-type/26754/8 "2022-05-03T04:52:09Z")

</div>

To apply the Web View component to the full screen you need to stretch it a bit!

I guess you could use the Better Web View component made by Pragmaflow and select HTML and add it as a iframe and apply it to the full screen!

Better Web View Component :

![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/6/7/67a5917071ccf940405bd3597c5b3b30b2b096da.png)

[https://adalo.pragmaflowservers.com/install-component](https://adalo.pragmaflowservers.com/install-component)

Instructions to Download the Better Web View Component :

> [@PragmaFlow's Marketplace back online](https://forum.adalo.com/t/pragmaflows-marketplace-back-online/22622):
>
> For those who noticed, I have been a lot less active on the forums in the last two weeks. I see I have lot’s of unread messages that I will be getting around to now that our marketplace is back online. Good things will be coming back. [[PragmaFlow's Adalo Marketplace Reopened] ](https://www.youtube.com/watch?v=4mo_u5EdEWw)

> [@Adalo Javascript Component](https://forum.adalo.com/t/adalo-javascript-component/21334/14):
>
> Sorry, should have explained that a little more. This is due to pixel density and scaling, blah blah blah. To fix this add \<meta name='viewport' content='initial-scale=1.0'/\> before your block quote \<meta name='viewport' content='initial-scale=1.0'/\>\<blockquote class="twitter-tweet" data-dnt="true" data-theme="dark"\>\<p lang="en" dir="ltr"\>Jalen Hurts threw a strike for six fire\<br\>\<br\>(via \<a href="https://twitter.com/NFL?ref\_src=twsrc%5Etfw"\>@NFL\</a\>) \<a href="https://t.co/cRs5iMujrd"\>pic.twitter…

> **[How To Create Responsive Iframes](https://www.w3schools.com/howto/howto_css_responsive_iframes.asp)**
>
> W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

---

<div class="post-metadata">

**Author:** ![mlefler](https://avatars.discourse-cdn.com/v4/letter/m/eada6e/32.png) [@mlefler](https://forum.adalo.com/u/mlefler)\
**Post date:** [May 3, 2022, 7:15pm UTC](https://forum.adalo.com/t/being-able-to-open-a-pdf-from-a-list-view-and-which-list-type/26754/9 "2022-05-03T19:15:20Z")

</div>

I’m just trying to use a list view to select the PDF to open, and have it display in the webview. I can’t seem to figure out how to make a pdf selected in a simple list display in the webview.
