# User adds new item to data viewer grid. with using text input

**URL:** <https://community.thunkable.com/t/user-adds-new-item-to-data-viewer-grid-with-using-text-input/1616163>\
**Category:** Questions about Thunkable X\
**Tags:** design, beginner\
**Created:** [November 15, 2021, 10:29am UTC](https://community.thunkable.com/t/user-adds-new-item-to-data-viewer-grid-with-using-text-input/1616163 "2021-11-15T10:29:14Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![denemeyanilma892420](https://avatars.discourse-cdn.com/v4/letter/d/ad7895/32.png) [@denemeyanilma892420](https://community.thunkable.com/u/denemeyanilma892420)\
**Post date:** [November 15, 2021, 10:29am UTC](https://community.thunkable.com/t/user-adds-new-item-to-data-viewer-grid-with-using-text-input/1616163/1 "2021-11-15T10:29:14Z")

</div>

Hello thunkers ,  
i want to get text input from user , and when user wrote something , i want the text to add on grid list .  
Any ideas , or any design ideas? 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:** [November 15, 2021, 10:54am UTC](https://community.thunkable.com/t/user-adds-new-item-to-data-viewer-grid-with-using-text-input/1616163/2 "2021-11-15T10:54:03Z")

</div>

> [@denemeyanilma892420](#):
>
> i want the text to add on grid list

What do you mean by a `grid list`

Thunable has:

- List Viewer
- Data Viewer List
- Data Viewer Grid

Which one are you referring to?

---

<div class="post-metadata">

**Author:** ![denemeyanilma892420](https://avatars.discourse-cdn.com/v4/letter/d/ad7895/32.png) [@denemeyanilma892420](https://community.thunkable.com/u/denemeyanilma892420)\
**Post date:** [November 15, 2021, 10:54am UTC](https://community.thunkable.com/t/user-adds-new-item-to-data-viewer-grid-with-using-text-input/1616163/3 "2021-11-15T10:54:34Z")

</div>

data viewer grid sir @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:** [November 15, 2021, 11:00am UTC](https://community.thunkable.com/t/user-adds-new-item-to-data-viewer-grid-with-using-text-input/1616163/4 "2021-11-15T11:00:25Z")

</div>

> [@denemeyanilma892420](#):
>
> data viewer grid

This is connected to a `Data Source`, so whatever you add to this `Data Source` will be automatically reflected in the `Data Viewer Grid`.

---

<div class="post-metadata">

**Author:** ![denemeyanilma892420](https://avatars.discourse-cdn.com/v4/letter/d/ad7895/32.png) [@denemeyanilma892420](https://community.thunkable.com/u/denemeyanilma892420)\
**Post date:** [November 15, 2021, 11:03am UTC](https://community.thunkable.com/t/user-adds-new-item-to-data-viewer-grid-with-using-text-input/1616163/5 "2021-11-15T11:03:56Z")

</div>

obviouslyyy, my bad . so i ll use google sheet , and get the data from here

---

<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:** [November 15, 2021, 11:06am UTC](https://community.thunkable.com/t/user-adds-new-item-to-data-viewer-grid-with-using-text-input/1616163/6 "2021-11-15T11:06:43Z")

</div>

> [@denemeyanilma892420](#):
>
> so i ll use google sheet

As long as the sheet is **bound** to the `Data Viewer Grid`, whenever you add anything in the Google sheet using the app, it will be reflected in the grid. If data is added by an external source then you need to refresh the grid periodically.

---

<div class="post-metadata">

**Author:** ![denemeyanilma892420](https://avatars.discourse-cdn.com/v4/letter/d/ad7895/32.png) [@denemeyanilma892420](https://community.thunkable.com/u/denemeyanilma892420)\
**Post date:** [November 15, 2021, 11:12am UTC](https://community.thunkable.com/t/user-adds-new-item-to-data-viewer-grid-with-using-text-input/1616163/7 "2021-11-15T11:12:26Z")

</div>

data will entered bu user , first i ll get the data via text input , then i send it to google sheet , then i ll get the data .  
PS. to make that progress faster , what would you propose , maybe airtable or , firedb ?

---

<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:** [November 15, 2021, 11:18am UTC](https://community.thunkable.com/t/user-adds-new-item-to-data-viewer-grid-with-using-text-input/1616163/8 "2021-11-15T11:18:37Z")

</div>

> [@denemeyanilma892420](#):
>
> what would you propose , maybe airtable or , firedb

Airtable is easy to build and link into the app and also bound to the `Data Viewer Grid`. In the other hand, Firebase is much faster but cannot connect to `Data Viewer Grid`. To show Firebase contents into a `Data Viewer Grid` means reading the data from Firebase and writing it to a local table which is bound to the grid.

If the Grid is an essential component in your design then you need to choose between Airtable and Google sheet.

If however, you want the speed and settled for Firebase you either have to have a local table to copy the contents in it and view it in the grid or use your own design to mimic a grid.

---

<div class="post-metadata">

**Author:** ![denemeyanilma892420](https://avatars.discourse-cdn.com/v4/letter/d/ad7895/32.png) [@denemeyanilma892420](https://community.thunkable.com/u/denemeyanilma892420)\
**Post date:** [November 15, 2021, 11:35am UTC](https://community.thunkable.com/t/user-adds-new-item-to-data-viewer-grid-with-using-text-input/1616163/9 "2021-11-15T11:35:08Z")

</div>

Thanks for the very detailed answer ,

---

<div class="post-metadata">

**Author:** ![unsalberkay1905cfbe](https://avatars.discourse-cdn.com/v4/letter/u/46a35a/32.png) [@unsalberkay1905cfbe](https://community.thunkable.com/u/unsalberkay1905cfbe)\
**Post date:** [November 15, 2021, 8:17pm UTC](https://community.thunkable.com/t/user-adds-new-item-to-data-viewer-grid-with-using-text-input/1616163/10 "2021-11-15T20:17:57Z")

</div>

Hello @muneer  
i came with different account .

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/d/9dc5c490bb9aaa535e2f4e34b3fe9b8f24a9021c.png),  
so with these blocks i m trying to get input from user and trying to write it to data viewer grid .  
it doesnt work . how can i fix

---

<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:** [November 15, 2021, 8:32pm UTC](https://community.thunkable.com/t/user-adds-new-item-to-data-viewer-grid-with-using-text-input/1616163/11 "2021-11-15T20:32:33Z")

</div>

See this  
[https://x.thunkable.com/projectPage/6192c254d9f1c80011d2862c](https://x.thunkable.com/projectPage/6192c254d9f1c80011d2862c)

---

<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:** [November 15, 2021, 8:32pm UTC](https://community.thunkable.com/t/user-adds-new-item-to-data-viewer-grid-with-using-text-input/1616163/12 "2021-11-15T20:32:55Z")

</div>

after the blocks you used to create a row in your data source via the submit action (and you are sure that the data in your data source is updating), you will want to include the `Refresh Data` block to update your viewer such that it includes all current data from the data source.

![Screen Shot 2021-11-15 at 3.29.58 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/7/677d8b95cb643efa18c8f5419620697937d211f8.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:** [November 15, 2021, 8:36pm UTC](https://community.thunkable.com/t/user-adds-new-item-to-data-viewer-grid-with-using-text-input/1616163/13 "2021-11-15T20:36:19Z")

</div>

> [@jared](#):
>
> you will want to include the `Refresh Data` block to update your viewer

This should not be necessary anymore but can be used as an extra step to confirm that the `Data Viewer` updates its list although it should do it automatically.

---

<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:** [November 15, 2021, 8:38pm UTC](https://community.thunkable.com/t/user-adds-new-item-to-data-viewer-grid-with-using-text-input/1616163/14 "2021-11-15T20:38:49Z")

</div>

😅 me and my unnecessary blocks.

Thank you for pointing that out! no need to be redundant unless you’re experiencing issues i suppose.

---

<div class="post-metadata">

**Author:** ![unsalberkay1905cfbe](https://avatars.discourse-cdn.com/v4/letter/u/46a35a/32.png) [@unsalberkay1905cfbe](https://community.thunkable.com/u/unsalberkay1905cfbe)\
**Post date:** [November 16, 2021, 2:41pm UTC](https://community.thunkable.com/t/user-adds-new-item-to-data-viewer-grid-with-using-text-input/1616163/15 "2021-11-16T14:41:46Z")

</div>

i dont have a data source compenent called user name value (it adds Title) to data viever

---

<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:** [November 16, 2021, 2:48pm UTC](https://community.thunkable.com/t/user-adds-new-item-to-data-viewer-grid-with-using-text-input/1616163/16 "2021-11-16T14:48:50Z")

</div>

I didn’t understand what you are trying to say.

I just made an example and in my table I had a column with the name **user name**. I’m sure your table (data source) will have different things but the code will run the same way, you just have to use the column names you have in your project instead of what I used.

---

<div class="post-metadata">

**Author:** ![unsalberkay1905cfbe](https://avatars.discourse-cdn.com/v4/letter/u/46a35a/32.png) [@unsalberkay1905cfbe](https://community.thunkable.com/u/unsalberkay1905cfbe)\
**Post date:** [November 16, 2021, 3:57pm UTC](https://community.thunkable.com/t/user-adds-new-item-to-data-viewer-grid-with-using-text-input/1616163/17 "2021-11-16T15:57:44Z")

</div>

oh okay sorry , but my app still doesnt work , it gives title output

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/4/e4ad220e3d21b02c2681d67b3a23879196b2ea6a.png)  
and this is my excel  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/1/51013bf164cae9c5baf0d3620c845a3e1214ddc4.png)

---

<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:** [November 16, 2021, 4:26pm UTC](https://community.thunkable.com/t/user-adds-new-item-to-data-viewer-grid-with-using-text-input/1616163/18 "2021-11-16T16:26:07Z")

</div>

Can you show your bindings in the editor screen?

---

<div class="post-metadata">

**Author:** ![unsalberkay1905cfbe](https://avatars.discourse-cdn.com/v4/letter/u/46a35a/32.png) [@unsalberkay1905cfbe](https://community.thunkable.com/u/unsalberkay1905cfbe)\
**Post date:** [November 16, 2021, 4:32pm UTC](https://community.thunkable.com/t/user-adds-new-item-to-data-viewer-grid-with-using-text-input/1616163/19 "2021-11-16T16:32:59Z")

</div>

you mean like this ? @jared

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/f/9f91a70b9e319e7c6ed270c8074fe64f16948be1.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:** [November 16, 2021, 4:35pm UTC](https://community.thunkable.com/t/user-adds-new-item-to-data-viewer-grid-with-using-text-input/1616163/20 "2021-11-16T16:35:10Z")

</div>

Make sure you update the one in the red circle with the correct column name

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/9/491241c187ecd88ba27f9041b2e2ee3abaa58a1c.png)

[Next page](https://community.thunkable.com/t/user-adds-new-item-to-data-viewer-grid-with-using-text-input/1616163.md?page=2)
