# List viewer text item color

**URL:** <https://community.thunkable.com/t/list-viewer-text-item-color/1486963>\
**Category:** Questions about Thunkable X\
**Created:** [September 4, 2021, 7:17am UTC](https://community.thunkable.com/t/list-viewer-text-item-color/1486963 "2021-09-04T07:17:44Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![namitnagar](https://avatars.discourse-cdn.com/v4/letter/n/a183cd/32.png) [@namitnagar](https://community.thunkable.com/u/namitnagar)\
**Post date:** [September 4, 2021, 7:17am UTC](https://community.thunkable.com/t/list-viewer-text-item-color/1486963/1 "2021-09-04T07:17:44Z")

</div>

Hello  
I want when button is click it should set list viewer text item color to only dark colors how can I do that.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [September 4, 2021, 4:46pm UTC](https://community.thunkable.com/t/list-viewer-text-item-color/1486963/2 "2021-09-04T16:46:20Z")

</div>

Here’s a demo of how to do that:

[https://x.thunkable.com/copy/590c7fadba7f1f3d1664fca6293e1f86](https://x.thunkable.com/copy/590c7fadba7f1f3d1664fca6293e1f86)

---

<div class="post-metadata">

**Author:** ![namitnagar](https://avatars.discourse-cdn.com/v4/letter/n/a183cd/32.png) [@namitnagar](https://community.thunkable.com/u/namitnagar)\
**Post date:** [September 4, 2021, 5:36pm UTC](https://community.thunkable.com/t/list-viewer-text-item-color/1486963/3 "2021-09-04T17:36:55Z")

</div>

Random dark color

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [September 4, 2021, 6:26pm UTC](https://community.thunkable.com/t/list-viewer-text-item-color/1486963/4 "2021-09-04T18:26:17Z")

</div>

You can Google _random color thunkable_ and learn how to do that. If you get stuck, post a screenshot of your blocks and someone can help you.

---

<div class="post-metadata">

**Author:** ![delee\_techdeveloper](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/delee_techdeveloper/32/29616_2.png) [@delee\_techdeveloper](https://community.thunkable.com/u/delee_techdeveloper)\
**Post date:** [September 25, 2021, 4:45am UTC](https://community.thunkable.com/t/list-viewer-text-item-color/1486963/5 "2021-09-25T04:45:17Z")

</div>

your link doesn’t work can you resubmit it

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [September 25, 2021, 5:10am UTC](https://community.thunkable.com/t/list-viewer-text-item-color/1486963/6 "2021-09-25T05:10:58Z")

</div>

[https://x.thunkable.com/copy/af11fd1a31615256954705ca14fea96d](https://x.thunkable.com/copy/af11fd1a31615256954705ca14fea96d)

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/4/645b9345c5970410a9dd695f3296ef8aa04e63a8.png)

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [September 25, 2021, 7:45am UTC](https://community.thunkable.com/t/list-viewer-text-item-color/1486963/7 "2021-09-25T07:45:51Z")

</div>

remember, the code presented will not change one line in the `List Viewer` but all lines in it.

---

<div class="post-metadata">

**Author:** ![alex\_ezacae](https://avatars.discourse-cdn.com/v4/letter/a/278dde/32.png) [@alex\_ezacae](https://community.thunkable.com/u/alex_ezacae)\
**Post date:** [October 28, 2021, 9:02am UTC](https://community.thunkable.com/t/list-viewer-text-item-color/1486963/8 "2021-10-28T09:02:49Z")

</div>

is there a way to change the color of a specific line ?

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [October 28, 2021, 9:31am UTC](https://community.thunkable.com/t/list-viewer-text-item-color/1486963/9 "2021-10-28T09:31:59Z")

</div>

In the `List Viewer` no. But you can do that with the `Data Viewer List`

See my sample project.  
[https://x.thunkable.com/projectPage/5fe49968180d0200197113a3](https://x.thunkable.com/projectPage/5fe49968180d0200197113a3)

---

<div class="post-metadata">

**Author:** ![alex\_ezacae](https://avatars.discourse-cdn.com/v4/letter/a/278dde/32.png) [@alex\_ezacae](https://community.thunkable.com/u/alex_ezacae)\
**Post date:** [October 28, 2021, 9:48am UTC](https://community.thunkable.com/t/list-viewer-text-item-color/1486963/10 "2021-10-28T09:48:14Z")

</div>

thanks,  
my problem with this is so far I understood that data viewer list are available only with internal db, GS, or airtable but I am working most of the time with firestore, or other db like mongo…  
I contact the support to know if there is a way to create custom layout (in the drag’n drop) where I can control the different properties of each item but I do not think this is possible.  
for exemple my objects are with picts, name and date

for me it is the Custom Data Viewer Layout but I do not see how to do it with the drag’n drop

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [October 28, 2021, 9:53am UTC](https://community.thunkable.com/t/list-viewer-text-item-color/1486963/11 "2021-10-28T09:53:58Z")

</div>

> [@alex\_ezacae](#):
>
> for me it is the Custom Data Viewer Layout but I do not see how to do it with the drag’n drop

Once you create your own layout in the StP UI and save it you should be able to see it in the DnD UI. It will be in the end of the layout list in the properties of the `Data Viewer`.

---

<div class="post-metadata">

**Author:** ![alex\_ezacae](https://avatars.discourse-cdn.com/v4/letter/a/278dde/32.png) [@alex\_ezacae](https://community.thunkable.com/u/alex_ezacae)\
**Post date:** [October 28, 2021, 9:57am UTC](https://community.thunkable.com/t/list-viewer-text-item-color/1486963/12 "2021-10-28T09:57:02Z")

</div>

I will try this thanks

I just had an answer from the support and this is something that will come soon maybe I will wait until the release 😉

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [October 28, 2021, 9:58am UTC](https://community.thunkable.com/t/list-viewer-text-item-color/1486963/13 "2021-10-28T09:58:47Z")

</div>

I know, the next release we will have the ability to create the layout direct in DnD but we do not know when although in the last Community Meetup they said **soon**.

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 1:17pm UTC](https://community.thunkable.com/t/list-viewer-text-item-color/1486963/14 "2024-11-08T13:17:01Z")

</div>


