# Adding components into list viewer

**URL:** <https://community.thunkable.com/t/adding-components-into-list-viewer/1262889>\
**Category:** Questions about Thunkable X\
**Created:** [May 4, 2021, 2:46pm UTC](https://community.thunkable.com/t/adding-components-into-list-viewer/1262889 "2021-05-04T14:46:59Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![charvi2k9gsbk2i](https://avatars.discourse-cdn.com/v4/letter/c/839c29/32.png) [@charvi2k9gsbk2i](https://community.thunkable.com/u/charvi2k9gsbk2i)\
**Post date:** [May 4, 2021, 2:46pm UTC](https://community.thunkable.com/t/adding-components-into-list-viewer/1262889/1 "2021-05-04T14:46:59Z")

</div>

Ok, so what I exactly want is:  
in my list viewer, I want 2 texts in a row to be shown :  
Completed?, Not completed?  
When not completed is clicked then 2 more options should be shown and that is what I want. So why I decided to put it in a list is because I have the details entered by the user shown in the list and also show these two options?  
Possible?

---

<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:** [May 4, 2021, 11:17pm UTC](https://community.thunkable.com/t/adding-components-into-list-viewer/1262889/2 "2021-05-04T23:17:01Z")

</div>

A list by default has only one item per line and can display this item.

Of course you can join text together to show multiple items in one entry but you have to deal with formatting issues to make display correctly or add a new line block to display each item in two lines if possible.

---

<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:** [May 5, 2021, 12:02am UTC](https://community.thunkable.com/t/adding-components-into-list-viewer/1262889/3 "2021-05-05T00:02:00Z")

</div>

You might find this demo I made useful:

> [@How can I build a checkbox list in which I am able to select/unselect items?](https://community.thunkable.com/t/how-can-i-build-a-checkbox-list-in-which-i-am-able-to-select-unselect-items/1263047/3):
>
> In theory, this should work. In practice, it doesn’t. frowning[Thunkable](https://x.thunkable.com/copy/e921feff2dc3b47081b9e007ad98c28c) Okay, Thunkable didn’t like my embedded “test” condition blocks. This is getting closer: [https://x.thunkable.com/copy/6c4b98db7384287c42735fd51cea17c9](https://x.thunkable.com/copy/6c4b98db7384287c42735fd51cea17c9) Actually, I think this will work as a checklist. But my live previews aren’t updating so it looks like the data isn’t changing for me.

---

<div class="post-metadata">

**Author:** ![charvi2k9gsbk2i](https://avatars.discourse-cdn.com/v4/letter/c/839c29/32.png) [@charvi2k9gsbk2i](https://community.thunkable.com/u/charvi2k9gsbk2i)\
**Post date:** [May 5, 2021, 7:08am UTC](https://community.thunkable.com/t/adding-components-into-list-viewer/1262889/4 "2021-05-05T07:08:43Z")

</div>

> [@tatiang](#):
>
> > [@](#):
> >
> > In theory, this should work. In practice, it doesn’t. frowning [Thunkable](https://x.thunkable.com/copy/e921feff2dc3b47081b9e007ad98c28c) Okay, Thunkable didn’t like my embedded “test” condition blocks. This is getting closer: [Thunkable](https://x.thunkable.com/copy/6c4b98db7384287c42735fd51cea17c9) Actually, I think this will work as a checklist. But my live previews aren’t updating so it looks like the data isn’t changing for me.

yes sir, thats working. But when user click on the text on the list item then two more texts should be visible? So how is that so?

---

<div class="post-metadata">

**Author:** ![charvi2k9gsbk2i](https://avatars.discourse-cdn.com/v4/letter/c/839c29/32.png) [@charvi2k9gsbk2i](https://community.thunkable.com/u/charvi2k9gsbk2i)\
**Post date:** [May 5, 2021, 7:27am UTC](https://community.thunkable.com/t/adding-components-into-list-viewer/1262889/5 "2021-05-05T07:27:09Z")

</div>

![Screenshot 2021-05-05 at 12.55.59 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/2/82efd1997b1f9c8a215e79ad09cc714a5abeccae.png)  
I’m not sure where will I get the block?.. But the logic is somewhere close to mine so thank you.

---

<div class="post-metadata">

**Author:** ![charvi2k9gsbk2i](https://avatars.discourse-cdn.com/v4/letter/c/839c29/32.png) [@charvi2k9gsbk2i](https://community.thunkable.com/u/charvi2k9gsbk2i)\
**Post date:** [May 5, 2021, 1:36pm UTC](https://community.thunkable.com/t/adding-components-into-list-viewer/1262889/6 "2021-05-05T13:36:51Z")

</div>

should we use data viewer list for this?

---

<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:22pm UTC](https://community.thunkable.com/t/adding-components-into-list-viewer/1262889/7 "2024-11-08T13:22:45Z")

</div>


