# I upload multiple files into a cell, how do I display them?

**URL:** https://community.glideapps.com/t/i-upload-multiple-files-into-a-cell-how-do-i-display-them/76031
**Category:** Ask for Help
**Created:** [September 1, 2024, 1:08pm UTC](https://community.glideapps.com/t/i-upload-multiple-files-into-a-cell-how-do-i-display-them/76031 "2024-09-01T13:08:01Z")
**Posts on this page:** 14
**Page:** 1

<div class="post-metadata">

### Author: ![Josh\_Targo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/josh_targo/32/78959_2.png) [@Josh\_Targo](https://community.glideapps.com/u/Josh_Targo)
#### Post date: [September 1, 2024, 1:08pm UTC](https://community.glideapps.com/t/i-upload-multiple-files-into-a-cell-how-do-i-display-them/76031/1 "2024-09-01T13:08:01Z")

</div>

I have a form where a user can upload an arbitrary number of files into a cell in each row.

Ech row is an item, like a piece of furniture or an appliance. the documents may be pdfs of specifications, an installation manual, etc.

How do I then display links to the item’s files on the item detail screen?

---

<div class="post-metadata">

### Author: ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)
#### Post date: [September 1, 2024, 1:47pm UTC](https://community.glideapps.com/t/i-upload-multiple-files-into-a-cell-how-do-i-display-them/76031/2 "2024-09-01T13:47:39Z")

</div>

You can use a Link component.

---

<div class="post-metadata">

### Author: ![Josh\_Targo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/josh_targo/32/78959_2.png) [@Josh\_Targo](https://community.glideapps.com/u/Josh_Targo)
#### Post date: [September 1, 2024, 2:10pm UTC](https://community.glideapps.com/t/i-upload-multiple-files-into-a-cell-how-do-i-display-them/76031/3 "2024-09-01T14:10:18Z")

</div>

thank you, that worked to get links on the screen, but is there a way to display custom link text, rather than the file name, which is very long sometimes?

---

<div class="post-metadata">

### Author: ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)
#### Post date: [September 1, 2024, 2:19pm UTC](https://community.glideapps.com/t/i-upload-multiple-files-into-a-cell-how-do-i-display-them/76031/4 "2024-09-01T14:19:03Z")

</div>

Assuming it’s a Multiple Files column, then no, not easily.  
If you want that, then you are probably better off splitting the files out into a dedicated table, with one row per file. Then you could have an extra column for the custom label, and display them in a collection.

---

<div class="post-metadata">

### Author: ![Josh\_Targo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/josh_targo/32/78959_2.png) [@Josh\_Targo](https://community.glideapps.com/u/Josh_Targo)
#### Post date: [September 1, 2024, 2:22pm UTC](https://community.glideapps.com/t/i-upload-multiple-files-into-a-cell-how-do-i-display-them/76031/5 "2024-09-01T14:22:35Z")

</div>

I tried making a table like that, but I don’t know how to get files in there and have them associated with a particular item, or how to display them nicely. I couldn’t find documentation on how to do it, and the AI doesn’t help. are there instructions somewhere?

---

<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: [September 1, 2024, 2:32pm UTC](https://community.glideapps.com/t/i-upload-multiple-files-into-a-cell-how-do-i-display-them/76031/6 "2024-09-01T14:32:51Z")

</div>

> [@fishbaguette\_breadbasket Transpose Columns to an Inline List: The Miracle Method](https://community.glideapps.com/t/transpose-columns-to-an-inline-list-the-miracle-method/32766):
>
> I’m often asked how to take columns of data (say form responses) and display them in an inline list. Here’s one way to do it—the MIRACLE METHOD. [[Glide: Transpose Data Columns into an Inline List with the MIRACLE METHOD] ](https://www.youtube.com/watch?v=t-sh_Q3WbQc)

You can check this out.

---

<div class="post-metadata">

### Author: ![Josh\_Targo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/josh_targo/32/78959_2.png) [@Josh\_Targo](https://community.glideapps.com/u/Josh_Targo)
#### Post date: [September 1, 2024, 2:46pm UTC](https://community.glideapps.com/t/i-upload-multiple-files-into-a-cell-how-do-i-display-them/76031/7 "2024-09-01T14:46:46Z")

</div>

That’s a bit much for me. Can I have a single form where some fields write to one table, but other fields write to a different table?

---

<div class="post-metadata">

### Author: ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)
#### Post date: [September 1, 2024, 3:17pm UTC](https://community.glideapps.com/t/i-upload-multiple-files-into-a-cell-how-do-i-display-them/76031/8 "2024-09-01T15:17:11Z")

</div>

> [@Josh\_Targo](#):
>
> I tried making a table like that, but I don’t know how to get files in there and have them associated with a particular item, or how to display them nicely. I couldn’t find documentation on how to do it, and the AI doesn’t help. are there instructions somewhere?

Your table would need a minimum of 3 columns (all Text type columns):

- ItemID: this will link to the Item the file is associated. You should use the RowID value from your Items table for this.
- File: this will be the URL of the uploaded file
- Description: this will be the custom label/description for the file

To add files to a specific item, add a button to the item details screen, and configure the action to “Show Form Screen”. Target the form screen at your Files table and add input components for the File and Description. Also add a “Values from Screen” component and select the RowID column, and target that at the ItemID column.

To display the files, use any type of Collection component, target it at the Files table, and use screen filtering to only show files associated with the current Item.

@ThinhDinh - Miracle Method also occurred to me, but I don’t think that would help here (with a Multiple Files column), as there is no way to add labels for specific files.

---

<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: [September 1, 2024, 3:19pm UTC](https://community.glideapps.com/t/i-upload-multiple-files-into-a-cell-how-do-i-display-them/76031/9 "2024-09-01T15:19:08Z")

</div>

> [@Darren\_Murphy](#):
>
> @ThinhDinh - Miracle Method also occurred to me, but I don’t that would help here (with a Multiple Files column), as there is no way to add labels for sepcific files.

Ahhh, that would be tricky. Yeah, I think your method above would work best.

---

<div class="post-metadata">

### Author: ![Josh\_Targo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/josh_targo/32/78959_2.png) [@Josh\_Targo](https://community.glideapps.com/u/Josh_Targo)
#### Post date: [September 1, 2024, 4:10pm UTC](https://community.glideapps.com/t/i-upload-multiple-files-into-a-cell-how-do-i-display-them/76031/10 "2024-09-01T16:10:59Z")

</div>

I’ve got this functionally working, but my client wants the form screen to have her color pallette (background color, font color, etc). is there a way to add css to the form screen?

---

<div class="post-metadata">

### Author: ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)
#### Post date: [September 1, 2024, 4:29pm UTC](https://community.glideapps.com/t/i-upload-multiple-files-into-a-cell-how-do-i-display-them/76031/11 "2024-09-01T16:29:30Z")

</div>

There might be, but that is outside my wheelhouse. @ThinhDinh or @Himaladin might be able to help you with that.

You know you can use a container in your form and set the background colour of that, yes?

---

<div class="post-metadata">

### Author: ![Josh\_Targo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/josh_targo/32/78959_2.png) [@Josh\_Targo](https://community.glideapps.com/u/Josh_Targo)
#### Post date: [September 1, 2024, 4:42pm UTC](https://community.glideapps.com/t/i-upload-multiple-files-into-a-cell-how-do-i-display-them/76031/12 "2024-09-01T16:42:19Z")

</div>

Yes, but the top and bottom of the form are outside of the container, so they dont change color, and they dont use the Accent color, they just stay white.

---

<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: [September 2, 2024, 12:11am UTC](https://community.glideapps.com/t/i-upload-multiple-files-into-a-cell-how-do-i-display-them/76031/13 "2024-09-02T00:11:51Z")

</div>

> [@Josh\_Targo](#):
>
> my client wants the form screen to have her color pallette (background color, font color, etc)

Can you elaborate by showing the type of form and components you are using?

---

<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: [September 2, 2024, 12:12am UTC](https://community.glideapps.com/t/i-upload-multiple-files-into-a-cell-how-do-i-display-them/76031/14 "2024-09-02T00:12:34Z")

</div>

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

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

Here’s a text with an overlay. All components are contained inside a container like Darren suggested.

```auto
div[class*="form-or-edit-modal"] div[class*="chrome-common"], div[class*="form-or-edit-modal"] div[id="overlay-scroll"], div[class*="form-or-edit-modal"] div[class*="content-common___StyledDiv4"] {
background: #623dc7;
}

div[class*="form-or-edit-modal"] span {
color: white;
}

div[class*="form-or-edit-modal"] button[aria-label="Submit"].disabled {
background: white;
color: grey;
}

div[class*="form-or-edit-modal"] button[aria-label="Submit"].filled {
background: black;
color: white;
}

```
