# Dataviewers don't seem to grab from Firebase DB, how can I make my list viewer display similarly?

**URL:** <https://community.thunkable.com/t/dataviewers-dont-seem-to-grab-from-firebase-db-how-can-i-make-my-list-viewer-display-similarly/1049909>\
**Category:** Questions about Thunkable X\
**Tags:** firebase, list, data-viewer\
**Created:** [January 14, 2021, 4:42pm UTC](https://community.thunkable.com/t/dataviewers-dont-seem-to-grab-from-firebase-db-how-can-i-make-my-list-viewer-display-similarly/1049909 "2021-01-14T16:42:16Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![overshield](https://avatars.discourse-cdn.com/v4/letter/o/e19b73/32.png) [@overshield](https://community.thunkable.com/u/overshield)\
**Post date:** [January 14, 2021, 4:42pm UTC](https://community.thunkable.com/t/dataviewers-dont-seem-to-grab-from-firebase-db-how-can-i-make-my-list-viewer-display-similarly/1049909/1 "2021-01-14T16:42:16Z")

</div>

I would like my list viewer to show multiple bits of data instead of just showing the single item.

For instance instead of the list viewer simply saying the following…

A\_\_\_\_\_\_\_\_\_\_\_  
B\_\_\_\_\_\_\_\_\_\_\_  
C\_\_\_\_\_\_\_\_\_\_\_

The list should show

A has properties of 1,2 & 3\_\_\_\_\_\_\_\_\_\_\_\_\_\_  
B has properties of 1,2 & 3\_\_\_\_\_\_\_\_\_\_\_\_\_\_  
C has properties of 1,2 & 3\_\_\_\_\_\_\_\_\_\_\_\_\_\_

In my case I will always have the same qty of properties and they will also always have the same object names.  
I believe a ‘for each item j’ component is required.

Thanks for any help Thunkers.

---

<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:** [January 14, 2021, 6:32pm UTC](https://community.thunkable.com/t/dataviewers-dont-seem-to-grab-from-firebase-db-how-can-i-make-my-list-viewer-display-similarly/1049909/2 "2021-01-14T18:32:14Z")

</div>

Yes, you are right. You need to loop through your data and `join` the text together to get what you want. So starting with a loop to go through A,B,C,… And inside it another loop with go through your items.

---

<div class="post-metadata">

**Author:** ![overshield](https://avatars.discourse-cdn.com/v4/letter/o/e19b73/32.png) [@overshield](https://community.thunkable.com/u/overshield)\
**Post date:** [January 14, 2021, 6:59pm UTC](https://community.thunkable.com/t/dataviewers-dont-seem-to-grab-from-firebase-db-how-can-i-make-my-list-viewer-display-similarly/1049909/3 "2021-01-14T18:59:42Z")

</div>

But you can’t put a join component on a set list items to component

---

<div class="post-metadata">

**Author:** ![luv.ak.tech](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/luv.ak.tech/32/104896_2.png) [@luv.ak.tech](https://community.thunkable.com/u/luv.ak.tech)\
**Post date:** [January 15, 2021, 3:25am UTC](https://community.thunkable.com/t/dataviewers-dont-seem-to-grab-from-firebase-db-how-can-i-make-my-list-viewer-display-similarly/1049909/4 "2021-01-15T03:25:34Z")

</div>

you can make custom data list viewer with cloning components unless you are using new ui

---

<div class="post-metadata">

**Author:** ![overshield](https://avatars.discourse-cdn.com/v4/letter/o/e19b73/32.png) [@overshield](https://community.thunkable.com/u/overshield)\
**Post date:** [January 15, 2021, 4:01am UTC](https://community.thunkable.com/t/dataviewers-dont-seem-to-grab-from-firebase-db-how-can-i-make-my-list-viewer-display-similarly/1049909/5 "2021-01-15T04:01:25Z")

</div>

EDIT: I’ve updated the screenshot to reflect @muneer’s suggestion about emptying the list at the start

Sorry I figured out how to add the join component to lists, you just use it like this…  
You have to use the ‘in list insert at last as’ component.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/f/df6df5e9160ce86b4a4cea52378fef2fdb218690.png)  
In my example you would replace the blue component ‘make list from text … with delimiter ,’ with whatever your actual list is.

Where j grabs each item from the current list you’re working with, then packages it all together into the ‘new list’  
Then you just display ‘new list’ in your list viewer and viola.

It seems it’s also important to start the app variable off as an empty list instead of an integer, or blank text or something else.

If anyone has anything to add here I’d be happy to hear it.

Happy Thunking

---

<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:** [January 15, 2021, 7:14am UTC](https://community.thunkable.com/t/dataviewers-dont-seem-to-grab-from-firebase-db-how-can-i-make-my-list-viewer-display-similarly/1049909/6 "2021-01-15T07:14:11Z")

</div>

Great, you got the idea and you can adjust it to your liking. However, to avoid appending to the list every time you press the button, you need to set the list to empty  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/a/6aa81430522831287629984365019098b48c4f5c.png)  
before going into the loop.

---

<div class="post-metadata">

**Author:** ![overshield](https://avatars.discourse-cdn.com/v4/letter/o/e19b73/32.png) [@overshield](https://community.thunkable.com/u/overshield)\
**Post date:** [January 15, 2021, 12:29pm UTC](https://community.thunkable.com/t/dataviewers-dont-seem-to-grab-from-firebase-db-how-can-i-make-my-list-viewer-display-similarly/1049909/7 "2021-01-15T12:29:41Z")

</div>

Oh yes true knew I was forgetting something, otherwise it will just duplicate the list over and over.

I’ve also put this in a function so if some other event occurs it will rerun the function and update the list immediately.

I wish I knew a way to update another quick way. This isn’t viable with a large complex database tree.

Updated screenshot to reflect 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:30pm UTC](https://community.thunkable.com/t/dataviewers-dont-seem-to-grab-from-firebase-db-how-can-i-make-my-list-viewer-display-similarly/1049909/8 "2024-11-08T13:30:49Z")

</div>


