# How can I change the display of Fields component

**URL:** <https://community.glideapps.com/t/how-can-i-change-the-display-of-fields-component/81941>\
**Category:** Ask for Help\
**Created:** [May 20, 2025, 10:08am UTC](https://community.glideapps.com/t/how-can-i-change-the-display-of-fields-component/81941 "2025-05-20T10:08:20Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ramya\_Venkatesh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ramya_venkatesh/32/88271_2.png) [@Ramya\_Venkatesh](https://community.glideapps.com/u/Ramya_Venkatesh)\
**Post date:** [May 20, 2025, 10:08am UTC](https://community.glideapps.com/t/how-can-i-change-the-display-of-fields-component/81941/1 "2025-05-20T10:08:20Z")

</div>

Hello,

I have a collection, and when I click on an item in that collection, it opens the detail screen. The component used to show details is Fields by default. However, I don’t want the side-by-side layout (as seen in attachment). I want the item details to be listed like a profile, with every field in a new line. So, it would be column name and column value, a new line separating each line item. So a regular table format. I cannot use Table collection as that would display the values horizontally, I want them listed vertically.

 ![Screenshot 2025-05-20 at 3.33.39 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/d/7dbf0449a30c004136ddac42966fc78c707c31ef.png)

---

<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 20, 2025, 11:41am UTC](https://community.glideapps.com/t/how-can-i-change-the-display-of-fields-component/81941/2 "2025-05-20T11:41:38Z")

</div>

Couldn’t you use a normal text component?

---

<div class="post-metadata">

**Author:** ![Mazen](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mazen/32/84042_2.png) [@Mazen](https://community.glideapps.com/u/Mazen)\
**Post date:** [May 20, 2025, 7:54pm UTC](https://community.glideapps.com/t/how-can-i-change-the-display-of-fields-component/81941/3 "2025-05-20T19:54:44Z")

</div>

put it in a container and make the container layout to 1:1 and

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/0/b00fc87cd1e5c819e88173fcc3aa95a840699f09.png)  
leave the other side empty

---

<div class="post-metadata">

**Author:** ![Mazen](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mazen/32/84042_2.png) [@Mazen](https://community.glideapps.com/u/Mazen)\
**Post date:** [May 20, 2025, 7:56pm UTC](https://community.glideapps.com/t/how-can-i-change-the-display-of-fields-component/81941/4 "2025-05-20T19:56:05Z")

</div>

and u can always use custom CSS, or use the Ai custom component to create something similar

---

<div class="post-metadata">

**Author:** ![Mazen](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mazen/32/84042_2.png) [@Mazen](https://community.glideapps.com/u/Mazen)\
**Post date:** [May 20, 2025, 8:38pm UTC](https://community.glideapps.com/t/how-can-i-change-the-display-of-fields-component/81941/5 "2025-05-20T20:38:10Z")

</div>

also u can check this:

> [@Fields component layout](https://community.glideapps.com/t/fields-component-layout/73838/6):
>
> Copy to the template column, replace the {sendDate} and {subDate} with the desired column. Then use rich text to display the template column. This way, you get dynamic values. \<div style="font-size: 14px; line-height: 1.5;"\> \<div style="color: var(--gv-text-contextual-pale);"\>Shipping label emailed\</div\> \<div style="color: var(--gv-n900);"\>{sendDate}\</div\> \<div style="color: var(--gv-text-contextual-pale);"\>Form Submission\</div\> \<div style="color: var(--gv-n900);"\>{subDate}\</div\> \</div\> …