# Document display for Conference

**URL:** <https://community.glideapps.com/t/document-display-for-conference/73765>\
**Category:** Ask for Help\
**Created:** [May 31, 2024, 2:05am UTC](https://community.glideapps.com/t/document-display-for-conference/73765 "2024-05-31T02:05:45Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Etu-IT](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/etu-it/32/94625_2.png) [@Etu-IT](https://community.glideapps.com/u/Etu-IT)\
**Post date:** [May 31, 2024, 2:05am UTC](https://community.glideapps.com/t/document-display-for-conference/73765/1 "2024-05-31T02:05:45Z")

</div>

Hi everyone,

I am a new user to Glide, I am in charge of creating an app for an upcoming member’s conference for my work.

One feature that has been requested is the ability to view digital versions of relevant documents in a “Documents” section. I’ve created a list with a data table where I can put in things like the document name, but what I would like is for users to be able to scroll down this list to find the document they want, tap on it and then have it go to a page that displays this document in a custom collection that will consist of Rich Text and Image section that shows the content for each document. We’d prefer to have the content with the app, rather than linking to an external site or having users download a file.

At the moment, when you click on the items on the list, the page that pops up will show the same content regardless of which item on the list you click.

How can I go about doing this?

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [May 31, 2024, 12:29pm UTC](https://community.glideapps.com/t/document-display-for-conference/73765/2 "2024-05-31T12:29:16Z")

</div>

If it’s showing the same content, are you sourcing you images and text from the data table, or did you manually enter the urls and text directly into the components?

---

<div class="post-metadata">

**Author:** ![Etu-IT](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/etu-it/32/94625_2.png) [@Etu-IT](https://community.glideapps.com/u/Etu-IT)\
**Post date:** [June 3, 2024, 11:31pm UTC](https://community.glideapps.com/t/document-display-for-conference/73765/3 "2024-06-03T23:31:11Z")

</div>

Managed to figure things out by creating a new page for each document, hiding it from the navigation and used Deeplinking to create links to the created pages.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 4, 2024, 12:14am UTC](https://community.glideapps.com/t/document-display-for-conference/73765/4 "2024-06-04T00:14:40Z")

</div>

I think that’s not the optimal way to do it though? If I understand you right, you can have a Documents table, with a name that users can search for, and a URL (you can upload the document to Glide using a file picker).

Inside the details view, display the file in a web embed component.

---

<div class="post-metadata">

**Author:** ![Etu-IT](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/etu-it/32/94625_2.png) [@Etu-IT](https://community.glideapps.com/u/Etu-IT)\
**Post date:** [June 4, 2024, 12:30am UTC](https://community.glideapps.com/t/document-display-for-conference/73765/5 "2024-06-04T00:30:01Z")

</div>

That does sound better than the solution I am using.

I have a data table with the document name so that It can be displayed in a list  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/c/bc3f1cab815eb02d861f695193171d11e8aa62ec.png)

I’d like users to be able to click on the document they need and have it take them to a page that displays the document on screen (rather than downloading a file). Is there a guide or tutorial you know of that would show me how to do the document uploading and displaying in the Web embed?

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 4, 2024, 12:34am UTC](https://community.glideapps.com/t/document-display-for-conference/73765/6 "2024-06-04T00:34:12Z")

</div>

Assuming you create a new document using a Glide form, you can use this component to upload a file.

> **[File and Image Pickers | Glide Docs](https://www.glideapps.com/docs/file-and-image-pickers)**
>
> Let users upload files and images to your apps.

Then use this component to display the file in the details view of the document, pointing to the URL of the document that has been uploaded.

> **[Web Embed | Glide Docs](https://www.glideapps.com/docs/web-embed-component)**
>
> Embed web pages directly into your apps.

---

<div class="post-metadata">

**Author:** ![Etu-IT](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/etu-it/32/94625_2.png) [@Etu-IT](https://community.glideapps.com/u/Etu-IT)\
**Post date:** [June 4, 2024, 12:49am UTC](https://community.glideapps.com/t/document-display-for-conference/73765/7 "2024-06-04T00:49:26Z")

</div>

Thanks for the help so far!

I’ve got a file picker added and have uploaded a file as a test, which seems to work fine. Now on the documents page, I have added the web embed and pointed it at the link created when I uploaded the file, but I get an “Open” button that downloads the pdf rather than displaying the file so it is readable in-app.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/2/e2f4dc6119c72485d8b76468ff7ceb34010fab54.png)

Do I need to use a specific third party embed to make the files viewable in-app without downloading or is this something Glide can do natively?

Additional question, on the file embed page, after uploading one file (which goes to the first row in the data), clicking on the file picker again just replaces the first file I uploaded instead of allowing me to add a second into the second row of the data. What am I missing to allow me to add more than one file?

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 4, 2024, 12:51am UTC](https://community.glideapps.com/t/document-display-for-conference/73765/8 "2024-06-04T00:51:00Z")

</div>

It’s weird if it doesn’t render the file directly. Can you show me how you’re configuring the embed component?

> [@Etu-IT](#):
>
> Additional question, on the file embed page, after uploading one file (which goes to the first row in the data), clicking on the file picker again just replaces the first file I uploaded instead of allowing me to add a second into the second row of the data.

Wouldn’t you work with only row at once? Do you need multiple files for one row?

---

<div class="post-metadata">

**Author:** ![Etu-IT](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/etu-it/32/94625_2.png) [@Etu-IT](https://community.glideapps.com/u/Etu-IT)\
**Post date:** [June 4, 2024, 12:56am UTC](https://community.glideapps.com/t/document-display-for-conference/73765/9 "2024-06-04T00:56:05Z")

</div>

File picker page:

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/a/1a82a4e13ef76d2fd5057e12c7442ebf9d30cdbf.png)

I upload a file by clicking the file picker section which now adds it to my data table in Row 1:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/e/3eb00bbbd4d610b1699b6274c4c3a4d122f4baa0.png)

Now if I wanted to add a second file to my document data file, I can’t use the same picker button as it would just override row 1 instead of putting a link into Row 2

Document Display:

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/f/bff275f7e76fb3a270555bccfcd44ad07987102b.png)

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/b/3bca75c8bbe377013f68bd25a6be42a5a8624c1d.png)

Location being the second column in the Document Data table, which is filled by Glide when I upload a file.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 4, 2024, 12:59am UTC](https://community.glideapps.com/t/document-display-for-conference/73765/10 "2024-06-04T00:59:24Z")

</div>

You shouldn’t have a “section” for your file picker. Are you adding those rows by a form or something else?

---

<div class="post-metadata">

**Author:** ![Etu-IT](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/etu-it/32/94625_2.png) [@Etu-IT](https://community.glideapps.com/u/Etu-IT)\
**Post date:** [June 4, 2024, 1:05am UTC](https://community.glideapps.com/t/document-display-for-conference/73765/11 "2024-06-04T01:05:01Z")

</div>

I created a new Custom page page in my app, set it to be only viewable by me, linking to a table called Documents. I then added a single file picker component to facilitate the upload.  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/8/a87af60d7af44c43e199fcfdf491f2208d2ec916.png)

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/6/b65b898c4585b2910acf72ef11e66ccded1bc52e.png)

As the app admin, I will be the only person uploading documents to the app for our guests to view.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 4, 2024, 1:05am UTC](https://community.glideapps.com/t/document-display-for-conference/73765/12 "2024-06-04T01:05:57Z")

</div>

I mean you should use a form to add document rows.

> **[Forms | Glide Docs](https://www.glideapps.com/docs/forms)**
>
> Collect data from your users in customizable forms.

---

<div class="post-metadata">

**Author:** ![Etu-IT](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/etu-it/32/94625_2.png) [@Etu-IT](https://community.glideapps.com/u/Etu-IT)\
**Post date:** [June 4, 2024, 1:11am UTC](https://community.glideapps.com/t/document-display-for-conference/73765/13 "2024-06-04T01:11:24Z")

</div>

Fantastic, That worked and I have been able to upload more than one file so that is one issue resolved 😃

All that’s left is the file display section when a document is tapped on from the Documents page, do you have anything I can try?

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 4, 2024, 3:23am UTC](https://community.glideapps.com/t/document-display-for-conference/73765/14 "2024-06-04T03:23:07Z")

</div>

I can’t see why your embed setup doesn’t work though. Can you try uploading this PDF?

> **[sample.pdf](https://pdfobject.com/pdf/sample.pdf)**
>
> 18.37 KB

---

<div class="post-metadata">

**Author:** ![Etu-IT](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/etu-it/32/94625_2.png) [@Etu-IT](https://community.glideapps.com/u/Etu-IT)\
**Post date:** [June 4, 2024, 4:12am UTC](https://community.glideapps.com/t/document-display-for-conference/73765/15 "2024-06-04T04:12:19Z")

</div>

Same issue with your pdf.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/8/98acbc75c80d290c92004c039ba6fdc543ffe2c1.png)

Table for reference:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/7/d78a4dec7d42b1129e2e012a05d8a718b5896875.png)

Just thought of something, would it make a difference if the app is published currently or not?

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 4, 2024, 4:20am UTC](https://community.glideapps.com/t/document-display-for-conference/73765/16 "2024-06-04T04:20:07Z")

</div>

Just to confirm, for your web embed component, you’re still pointing to the location column?

---

<div class="post-metadata">

**Author:** ![Etu-IT](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/etu-it/32/94625_2.png) [@Etu-IT](https://community.glideapps.com/u/Etu-IT)\
**Post date:** [June 4, 2024, 8:24pm UTC](https://community.glideapps.com/t/document-display-for-conference/73765/17 "2024-06-04T20:24:49Z")

</div>

Yes, I am using the Location column as per the picture above.

I have tried it on another page just in case and also tried manually putting in the URL from the location column but both have resulted in the Open button that downloads the file instead of showing the file directly

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 4, 2024, 11:45pm UTC](https://community.glideapps.com/t/document-display-for-conference/73765/18 "2024-06-04T23:45:45Z")

</div>

Can you give me a sample link from this screenshot so I can test it myself?

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/7/d78a4dec7d42b1129e2e012a05d8a718b5896875.png)

---

<div class="post-metadata">

**Author:** ![Etu-IT](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/etu-it/32/94625_2.png) [@Etu-IT](https://community.glideapps.com/u/Etu-IT)\
**Post date:** [June 4, 2024, 11:49pm UTC](https://community.glideapps.com/t/document-display-for-conference/73765/19 "2024-06-04T23:49:19Z")

</div>

> [https://storage.googleapis.com/glide-prod.appspot.com/uploads-v2/VzYeg62qozht1JOS4MIl/pub/JN60BOGpa5DOUW2HBV4O.pdf](https://storage.googleapis.com/glide-prod.appspot.com/uploads-v2/VzYeg62qozht1JOS4MIl/pub/JN60BOGpa5DOUW2HBV4O.pdf)

This is the sample pdf you sent me

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 4, 2024, 11:50pm UTC](https://community.glideapps.com/t/document-display-for-conference/73765/20 "2024-06-04T23:50:39Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/e/deca354c6efe182eda97728a7d5430d5ee70fb07.png)

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/2/8211c23fd4591b3be975f46047349951520ee0d6.png)

Works just fine for me whether I type it manually or use a column.

[Next page](https://community.glideapps.com/t/document-display-for-conference/73765.md?page=2)
