# \[Solved\] How to show what other users have written to the app?

**URL:** <https://community.thunkable.com/t/solved-how-to-show-what-other-users-have-written-to-the-app/1663031>\
**Category:** Questions about Thunkable X\
**Tags:** beginner\
**Created:** [December 30, 2021, 3:14pm UTC](https://community.thunkable.com/t/solved-how-to-show-what-other-users-have-written-to-the-app/1663031 "2021-12-30T15:14:45Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![ant\_1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ant_1/32/183393_2.png) [@ant\_1](https://community.thunkable.com/u/ant_1)\
**Post date:** [December 30, 2021, 3:14pm UTC](https://community.thunkable.com/t/solved-how-to-show-what-other-users-have-written-to-the-app/1663031/1 "2021-12-30T15:14:45Z")

</div>

I’m not sure if you guys understand my title, but here is what I need.

I’m basically saying on how can I let users share what they have written to other user that use the app. Like for example sharing an idea to all the app users etc.

Please help guys.

Thanks.

---

<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:** [December 30, 2021, 3:35pm UTC](https://community.thunkable.com/t/solved-how-to-show-what-other-users-have-written-to-the-app/1663031/2 "2021-12-30T15:35:27Z")

</div>

Basically you want to implement something like a chat app. This means you need to use a common data source such as Firebase and monitor a certain bucket in Firebase that stores user’s typed data.

Once any new data is saved, you will show it in the app to other users.

---

<div class="post-metadata">

**Author:** ![ant\_1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ant_1/32/183393_2.png) [@ant\_1](https://community.thunkable.com/u/ant_1)\
**Post date:** [December 31, 2021, 5:56am UTC](https://community.thunkable.com/t/solved-how-to-show-what-other-users-have-written-to-the-app/1663031/3 "2021-12-31T05:56:56Z")

</div>

> [@muneer](#):
>
> monitor a certain bucket in Firebase that stores user’s typed data.

What do you mean by this?

---

<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:** [December 31, 2021, 6:00am UTC](https://community.thunkable.com/t/solved-how-to-show-what-other-users-have-written-to-the-app/1663031/4 "2021-12-31T06:00:26Z")

</div>

You can see the blocks for this in the Realtime DB documentation:

> **[Realtime DB by Firebase](https://docs.thunkable.com/realtime-db#update-data-in-real-time)**

---

<div class="post-metadata">

**Author:** ![ant\_1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ant_1/32/183393_2.png) [@ant\_1](https://community.thunkable.com/u/ant_1)\
**Post date:** [December 31, 2021, 6:47am UTC](https://community.thunkable.com/t/solved-how-to-show-what-other-users-have-written-to-the-app/1663031/5 "2021-12-31T06:47:26Z")

</div>

Thanks for the info @tatiang, but when I look into my components tab, I can’t see Realtime DB. I think this is only for the Snap to Place. I am using the Drag and Drop. What can I use instead of the Realtime DB for Drag and Drop?

---

<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:** [January 1, 2022, 3:34am UTC](https://community.thunkable.com/t/solved-how-to-show-what-other-users-have-written-to-the-app/1663031/6 "2022-01-01T03:34:13Z")

</div>

I don’t think the Drag & Drop interface has a listening block. I mean, it has this one for variables but I don’t think you can use it with Firebase:

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/3/73aace314021e0710519c5558ac2f3844631a1cf.png)

You would have to use the Snap to Place interface.

---

<div class="post-metadata">

**Author:** ![ant\_1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ant_1/32/183393_2.png) [@ant\_1](https://community.thunkable.com/u/ant_1)\
**Post date:** [January 1, 2022, 7:00am UTC](https://community.thunkable.com/t/solved-how-to-show-what-other-users-have-written-to-the-app/1663031/7 "2022-01-01T07:00:26Z")

</div>

Thanks a lot @tatiang, I guess I’ll find another solution

---

<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 2, 2022, 11:37am UTC](https://community.thunkable.com/t/solved-how-to-show-what-other-users-have-written-to-the-app/1663031/8 "2022-01-02T11:37:25Z")

</div>

Hi @ant_1  
You can use DnD to simulate a chat box.

You need to connect your project with a Firebase database by supplying API Keys and Database URL and then do something like this

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/8/98760bccd5066ea4cf785efdf417fc84fca6b4d6.png)

The database key will be created automatically if not available.

If you start this very simple project from your computer and from your mobile at the same time you will see whatever you type in your computer will show in the mobile and vise versa.  
[https://x.thunkable.com/projectPage/61d18b1cff08e90011a5e6b9](https://x.thunkable.com/projectPage/61d18b1cff08e90011a5e6b9)

---

<div class="post-metadata">

**Author:** ![ant\_1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ant_1/32/183393_2.png) [@ant\_1](https://community.thunkable.com/u/ant_1)\
**Post date:** [January 3, 2022, 3:35am UTC](https://community.thunkable.com/t/solved-how-to-show-what-other-users-have-written-to-the-app/1663031/9 "2022-01-03T03:35:02Z")

</div>

Thanks a lot @muneer.

---

<div class="post-metadata">

**Author:** ![ant\_1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ant_1/32/183393_2.png) [@ant\_1](https://community.thunkable.com/u/ant_1)\
**Post date:** [January 6, 2022, 2:47pm UTC](https://community.thunkable.com/t/solved-how-to-show-what-other-users-have-written-to-the-app/1663031/10 "2022-01-06T14:47:28Z")

</div>

Hi @muneer,  
I’m having trouble trying to put the cloud variable into the list viewer.

Here is some images of the code:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/a/aa51cc3d006ef1044599b6d03a41a7f1975a6ee4.png)

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/2/32719e175a5e24c7a967133178df0b901baf7c64.png)

Thanks.

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [January 6, 2022, 3:10pm UTC](https://community.thunkable.com/t/solved-how-to-show-what-other-users-have-written-to-the-app/1663031/11 "2022-01-06T15:10:39Z")

</div>

Hey @ant_1

In your example, your blocks are trying to set a component that expects and array of strings to a single string. This wont work. The listViewers always expect an array/list of items, even when there’s only 1 item, it should still be applied in the form of an array.

![Screen Shot 2022-01-06 at 10.09.51 AM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/f/9f4bb01b37c3efd25cbdf425a3cd26a05a7567c2.png)

---

<div class="post-metadata">

**Author:** ![ant\_1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ant_1/32/183393_2.png) [@ant\_1](https://community.thunkable.com/u/ant_1)\
**Post date:** [January 7, 2022, 6:00am UTC](https://community.thunkable.com/t/solved-how-to-show-what-other-users-have-written-to-the-app/1663031/12 "2022-01-07T06:00:49Z")

</div>

Thanks @jared

---

<div class="post-metadata">

**Author:** ![ant\_1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ant_1/32/183393_2.png) [@ant\_1](https://community.thunkable.com/u/ant_1)\
**Post date:** [January 7, 2022, 7:31am UTC](https://community.thunkable.com/t/solved-how-to-show-what-other-users-have-written-to-the-app/1663031/13 "2022-01-07T07:31:47Z")

</div>

@jared, am I supposed to do it like this?

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/a/5a0f8894798838c6c20128b5bb4b797f7013bb68.jpeg)

---

<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 7, 2022, 10:15am UTC](https://community.thunkable.com/t/solved-how-to-show-what-other-users-have-written-to-the-app/1663031/14 "2022-01-07T10:15:55Z")

</div>

Can you tell me what is available in `cloud variable shareIdeas`?

Is it containing a list?  
Or is it just a single text item?

---

<div class="post-metadata">

**Author:** ![ant\_1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ant_1/32/183393_2.png) [@ant\_1](https://community.thunkable.com/u/ant_1)\
**Post date:** [January 7, 2022, 1:21pm UTC](https://community.thunkable.com/t/solved-how-to-show-what-other-users-have-written-to-the-app/1663031/15 "2022-01-07T13:21:13Z")

</div>

It is just containing a single text item @muneer.

---

<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 7, 2022, 1:59pm UTC](https://community.thunkable.com/t/solved-how-to-show-what-other-users-have-written-to-the-app/1663031/16 "2022-01-07T13:59:12Z")

</div>

> [@ant\_1](#):
>
> single text item

So your `List Viewer` will only show one single item and every time you update the `Text Input` and saved it back to the database you will be overwriting the existing data.

Is this what you want?

---

<div class="post-metadata">

**Author:** ![ant\_1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ant_1/32/183393_2.png) [@ant\_1](https://community.thunkable.com/u/ant_1)\
**Post date:** [January 7, 2022, 2:00pm UTC](https://community.thunkable.com/t/solved-how-to-show-what-other-users-have-written-to-the-app/1663031/17 "2022-01-07T14:00:26Z")

</div>

I want to add text to the list viewer, not replace?

Could you fix this?

---

<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 7, 2022, 2:07pm UTC](https://community.thunkable.com/t/solved-how-to-show-what-other-users-have-written-to-the-app/1663031/18 "2022-01-07T14:07:25Z")

</div>

See this example.  
[https://x.thunkable.com/projectPage/619b26462a8c5200388b8f38](https://x.thunkable.com/projectPage/619b26462a8c5200388b8f38)

---

<div class="post-metadata">

**Author:** ![ant\_1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ant_1/32/183393_2.png) [@ant\_1](https://community.thunkable.com/u/ant_1)\
**Post date:** [January 7, 2022, 2:12pm UTC](https://community.thunkable.com/t/solved-how-to-show-what-other-users-have-written-to-the-app/1663031/19 "2022-01-07T14:12:27Z")

</div>

Cool! Thanks again @muneer!

---

<div class="post-metadata">

**Author:** ![ant\_1](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ant_1/32/183393_2.png) [@ant\_1](https://community.thunkable.com/u/ant_1)\
**Post date:** [January 7, 2022, 2:28pm UTC](https://community.thunkable.com/t/solved-how-to-show-what-other-users-have-written-to-the-app/1663031/20 "2022-01-07T14:28:52Z")

</div>

Though how do I do it with variables?

[Next page](https://community.thunkable.com/t/solved-how-to-show-what-other-users-have-written-to-the-app/1663031.md?page=2)
