# Customise Inline List Data element font styles

**URL:** <https://community.glideapps.com/t/customise-inline-list-data-element-font-styles/16839>\
**Category:** Ask for Help\
**Created:** [October 6, 2020, 5:56pm UTC](https://community.glideapps.com/t/customise-inline-list-data-element-font-styles/16839 "2020-10-06T17:56:22Z")\
**Posts on this page:** 6\
**Page:** 1

<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:** [October 6, 2020, 5:56pm UTC](https://community.glideapps.com/t/customise-inline-list-data-element-font-styles/16839/1 "2020-10-06T17:56:22Z")

</div>

Is it possible to customise the font styles of the data elements (Header/Title/Details) of an Inline List component?

In the example below, ideally I would like all elements to use the same font style/size/colour…

 ![Screen Shot 2020-10-07 at 1.42.30 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/b/b7484110a36816d56210fcd4d69f0a2ca784c00c.png)

The example above is using the Cards style, but I have the same challenge with the List style.

Is there a workaround or alternative to achieve what I’m looking for?

thanks,  
Darren

---

<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:** [October 6, 2020, 10:44pm UTC](https://community.glideapps.com/t/customise-inline-list-data-element-font-styles/16839/2 "2020-10-06T22:44:28Z")

</div>

I imagine you can only do this with CSS Styling in a rich text.

---

<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:** [October 8, 2020, 2:29pm UTC](https://community.glideapps.com/t/customise-inline-list-data-element-font-styles/16839/3 "2020-10-08T14:29:11Z")

</div>

Hi @ThinhDinh,

I have a follow up question.  
As a workaround to this, I decided to create an additional column that contains a concatenation of the three surnames, and then display this as the card title, like so:

![Screen Shot 2020-10-08 at 10.13.16 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/e/e866c3de845c50ab9db853eee51f16be9b2b09ac.png)

These values are user-editable, so if a user changes one of the names, I need to have this column recalculated to reflect the change. To achieve this, I wrote a trigger function that would fire when the backend sheet was edited. This works, however the sync delay causes confusion because the change is not immediately reflected. So I really need to have this column calculated within Glide.

So, my follow up question:

Imagine I have an array column with 3 names, ie. `['Joe Smith', 'Fred Bloggs', 'Sam Spade']`  
Is there a way within Glide to define a computed column that would appear as `'Smith, Bloggs, Spade'`?

thanks,  
Darren

---

<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:** [October 8, 2020, 2:32pm UTC](https://community.glideapps.com/t/customise-inline-list-data-element-font-styles/16839/4 "2020-10-08T14:32:54Z")

</div>

Does the DeChambeau, Snedeker, Gay part of your concatenated text lives in different rows or different columns?

I imagine you can have a formula to split just that part from the name, then join them using a relation \> joined list.

Regarding your question, I think you can only do that via an arrayformula in Sheets.

---

<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:** [October 8, 2020, 4:03pm UTC](https://community.glideapps.com/t/customise-inline-list-data-element-font-styles/16839/5 "2020-10-08T16:03:44Z")

</div>

Hi @ThinhDinh,

Below is how the data looks in my sheet:

 ![Screen Shot 2020-10-09 at 12.00.03 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/b/b4f1a9d39789f112cd4efb9f63030a556f497042.png)

I have a function that calculates the value for column H, based on the values in columns D,E,F. (It just splits the values, and then joins the 2nd elements).  
Via my app, users can edit the values in columns D,E,F, and when this happens the function triggers and the value in column H is updated.

My issue is that because this happens in the GSheet, the change isn’t reflected in the app immediately.  
So what I am looking for is a way to shift that function from the GSheet to the app.

From what you said, it sounds like this isn’t possible?

---

<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:** [October 8, 2020, 5:22pm UTC](https://community.glideapps.com/t/customise-inline-list-data-element-font-styles/16839/6 "2020-10-08T17:22:51Z")

</div>

If you have a different structure, let’s say the users have first name and last name in different columns then I imagine it will be instant.
