# Embed Pdf from Google drive with webview

**URL:** <https://community.glideapps.com/t/embed-pdf-from-google-drive-with-webview/38965>\
**Category:** Ask for Help\
**Created:** [February 25, 2022, 4:53pm UTC](https://community.glideapps.com/t/embed-pdf-from-google-drive-with-webview/38965 "2022-02-25T16:53:32Z")\
**Posts on this page:** 20\
**Page:** 2

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [February 28, 2022, 6:50am UTC](https://community.glideapps.com/t/embed-pdf-from-google-drive-with-webview/38965/21 "2022-02-28T06:50:31Z")

</div>

Previously I have managed to extract URL no.1-2 above, and produce a very satisfying display. However, if you use the Google Drive URL in its entirety, what happens is the Html display, except for the files uploaded to Glide.  
For example:  
`https://docs.google.com/viewer?embedded=true&url=https://drive.google.com/file/d/161ZKLymPCsQQJOtYAVSjdug-cOhvqj/view?usp=sharing`

 ![Screenshot 2022-02-28 134653](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/c/ecd7d468dc29bfd44690ba93c1a42561dc367f65.png)

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [February 28, 2022, 6:52am UTC](https://community.glideapps.com/t/embed-pdf-from-google-drive-with-webview/38965/22 "2022-02-28T06:52:01Z")

</div>

Thank you Uzo. Just one step to finish it in Glide.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [February 28, 2022, 7:19am UTC](https://community.glideapps.com/t/embed-pdf-from-google-drive-with-webview/38965/23 "2022-02-28T07:19:25Z")

</div>

if you convert your files using my script, you can post it in image element: I just convert my pdf file made from GS sheet and insert URL into Image component in Glide… and it works… same for jpg, gif, png… try it:

`https://drive.google.com/uc?export=view&id=10YBs5SJZR0goLo52QQWOyUE_nHmxSLDb`

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [February 28, 2022, 7:31am UTC](https://community.glideapps.com/t/embed-pdf-from-google-drive-with-webview/38965/24 "2022-02-28T07:31:43Z")

</div>

Try to explain.  
I can’t possibly have a folder ID if the file comes from a user in the form of a URL link. Or is this the folder of the spreadsheet?

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [February 28, 2022, 7:33am UTC](https://community.glideapps.com/t/embed-pdf-from-google-drive-with-webview/38965/25 "2022-02-28T07:33:13Z")

</div>

oh, users make that pdf? then you have to create a small script to upload files using a webview and frame it …

```auto
<iframe src="https://docs.google.com/gview?url=https://path.com/to/your/pdf.pdf&embedded=true" style="width:600px; height:500px;" frameborder="0"></iframe>

```

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [February 28, 2022, 7:41am UTC](https://community.glideapps.com/t/embed-pdf-from-google-drive-with-webview/38965/26 "2022-02-28T07:41:48Z")

</div>

There are three conditions, namely uploading to Glide, Google form (if you want it to be held with a questionnaire), or sharing from each. I just have a note the URL should still be a pdf if it is downloaded by someone else.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [February 28, 2022, 7:43am UTC](https://community.glideapps.com/t/embed-pdf-from-google-drive-with-webview/38965/27 "2022-02-28T07:43:27Z")

</div>

i do not understand… why do you collect PDF?.. the only way you can convert PDFs from google drive, is if know the folder ID and folder is shared publicly

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [February 28, 2022, 7:51am UTC](https://community.glideapps.com/t/embed-pdf-from-google-drive-with-webview/38965/28 "2022-02-28T07:51:30Z")

</div>

Lecturers need to download, correct or restore the file (share or upload). When viewed from the student’s point of view, they usually do combination work which can be in the form of cad files, photoshop, etc. Of course, to bridge the gap, pdf is the solution. When compared to images, there are often blurry problems or are difficult to correct by their lecturers.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [February 28, 2022, 7:53am UTC](https://community.glideapps.com/t/embed-pdf-from-google-drive-with-webview/38965/29 "2022-02-28T07:53:44Z")

</div>

you wanna correct or restore in Glide??? or just collect files and correct them in other applications?

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [February 28, 2022, 7:59am UTC](https://community.glideapps.com/t/embed-pdf-from-google-drive-with-webview/38965/30 "2022-02-28T07:59:14Z")

</div>

I don’t need to convert to pdf anymore, because that’s what they produce.  
Yes, Jeff’s way is perfect. If there is no other way then the only way is to extract it first and wrap it in Google document viewer.  
Every correction from a lecturer must be re-uploaded and other parties can read and learn what other lecturers commented on.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [February 28, 2022, 8:04am UTC](https://community.glideapps.com/t/embed-pdf-from-google-drive-with-webview/38965/31 "2022-02-28T08:04:07Z")

</div>

you can simply collect the files using a file picker, and they will open them in their own browser

![Screen Shot 2022-02-28 at 3.06.25 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/e/1eb2cc28fbbcf523711c40091d52119013354682.png)

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [February 28, 2022, 8:08am UTC](https://community.glideapps.com/t/embed-pdf-from-google-drive-with-webview/38965/32 "2022-02-28T08:08:43Z")

</div>

Except for the exams, I used my google suite to store all those files for reasons of the archive, and of course, it’s not possible to use Glide’s storage (Glide has to thank me 😄).

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [February 28, 2022, 8:10am UTC](https://community.glideapps.com/t/embed-pdf-from-google-drive-with-webview/38965/33 "2022-02-28T08:10:06Z")

</div>

collect with the file picker into a USC and use action to store in GS

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [February 28, 2022, 8:12am UTC](https://community.glideapps.com/t/embed-pdf-from-google-drive-with-webview/38965/34 "2022-02-28T08:12:18Z")

</div>

Great idea… This is off topic about displaying it in apps.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [February 28, 2022, 8:13am UTC](https://community.glideapps.com/t/embed-pdf-from-google-drive-with-webview/38965/35 "2022-02-28T08:13:09Z")

</div>

it is related… so no problem

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [February 28, 2022, 8:15am UTC](https://community.glideapps.com/t/embed-pdf-from-google-drive-with-webview/38965/36 "2022-02-28T08:15:50Z")

</div>

> [@Uzo](#):
>
> collect with the file picker into a USC and use action to store in GS

Do you mean the URL or the file directly?

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [February 28, 2022, 8:17am UTC](https://community.glideapps.com/t/embed-pdf-from-google-drive-with-webview/38965/37 "2022-02-28T08:17:28Z")

</div>

URL will be the best… to be collected with text entry component… no storage … lol

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [February 28, 2022, 8:19am UTC](https://community.glideapps.com/t/embed-pdf-from-google-drive-with-webview/38965/38 "2022-02-28T08:19:25Z")

</div>

I misunderstood your meaning. I still need the direct pdf file.(Exam case)  
If you just copy into the GS, isn’t that the case all this time?

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [February 28, 2022, 8:22am UTC](https://community.glideapps.com/t/embed-pdf-from-google-drive-with-webview/38965/39 "2022-02-28T08:22:54Z")

</div>

students can store pdf on the drive and paste URL to text entry component… then you can display it using webview or image component

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [February 28, 2022, 8:25am UTC](https://community.glideapps.com/t/embed-pdf-from-google-drive-with-webview/38965/40 "2022-02-28T08:25:33Z")

</div>

Is it possible to use the Glide button to save it to my drive?

[Previous page](https://community.glideapps.com/t/embed-pdf-from-google-drive-with-webview/38965.md?page=1)

[Next page](https://community.glideapps.com/t/embed-pdf-from-google-drive-with-webview/38965.md?page=3)
