# Get Row ID for data viewer list
**URL:** https://community.thunkable.com/t/get-row-id-for-data-viewer-list/2647077
**Category:** Questions about Thunkable X
**Created:** [October 16, 2023, 1:57pm UTC](https://community.thunkable.com/t/get-row-id-for-data-viewer-list/2647077 "2023-10-16T13:57:51Z")
**Posts on this page:** 7
**Page:** 1
### Author:  [@zhen](https://community.thunkable.com/u/zhen)
#### Post date: [October 16, 2023, 1:57pm UTC](https://community.thunkable.com/t/get-row-id-for-data-viewer-list/2647077/1 "2023-10-16T13:57:51Z")
Hi! I want to create a chat app using the drag and drop interface.
I want each messenger to have a chat bubble similar to a typical messaging app design.
I want to set the person’s messages into the 1st row of the data viewer list, and the subsequent messages would be in row +1 after each messages sent.
However, I don’t know how to put the row = 0 (first row) on the block as shown in the image.
I appreciate any help! Thank you!
---
### Author:  [@vishruth-ram](https://community.thunkable.com/u/vishruth-ram)
#### Post date: [October 16, 2023, 2:35pm UTC](https://community.thunkable.com/t/get-row-id-for-data-viewer-list/2647077/2 "2023-10-16T14:35:01Z")
Something like a layout component is the best.
---
### Author:  [@zhen](https://community.thunkable.com/u/zhen)
#### Post date: [October 17, 2023, 4:05am UTC](https://community.thunkable.com/t/get-row-id-for-data-viewer-list/2647077/3 "2023-10-17T04:05:04Z")
i used a layout component to design each chat bubble but i don’t know how to get the row of the data viewer list… do you have any idea how i can approach this? thank you!
---
### Author:  [@tthompson41231](https://community.thunkable.com/u/tthompson41231)
#### Post date: [October 18, 2023, 4:49pm UTC](https://community.thunkable.com/t/get-row-id-for-data-viewer-list/2647077/4 "2023-10-18T16:49:14Z")
What are you using to store and send messages?
---
### Author:  [@zhen](https://community.thunkable.com/u/zhen)
#### Post date: [October 19, 2023, 4:19am UTC](https://community.thunkable.com/t/get-row-id-for-data-viewer-list/2647077/5 "2023-10-19T04:19:16Z")
i tried using cloud on firebase (this is using simple list viewer).
Then i tried using the data viewer list with airtable and google sheets. but i do not know how to retrieve the row id, such that whenever person A sends a text, the text will appear on one side of the list viewer (eg. right side), while the opposite side (person B’s side) will be blank.
And after each text, the row will move down by 1 row
---
### Author:  [@tthompson41231](https://community.thunkable.com/u/tthompson41231)
#### Post date: [October 20, 2023, 3:28am UTC](https://community.thunkable.com/t/get-row-id-for-data-viewer-list/2647077/6 "2023-10-20T03:28:38Z")
Check out this thread.
> [@Alternating color chat in Drag & Drop?](https://community.thunkable.com/t/alternating-color-chat-in-drag-drop/1670166/23):
>
> Adding a demo project link since it was requested by another user: [https://x.thunkable.com/copy/4b9e9c1eee0f72b159295ff089c76121](https://x.thunkable.com/copy/4b9e9c1eee0f72b159295ff089c76121)
---
### Author:  [@system](https://community.thunkable.com/u/system)
#### Post date: [January 18, 2024, 3:29am UTC](https://community.thunkable.com/t/get-row-id-for-data-viewer-list/2647077/7 "2024-01-18T03:29:05Z")
This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.