# Making items in dataviewer list clickable to display more info on another page about chosen item

**URL:** <https://community.thunkable.com/t/making-items-in-dataviewer-list-clickable-to-display-more-info-on-another-page-about-chosen-item/3702196>\
**Category:** Questions about Thunkable X\
**Tags:** help, data-viewer, google-sheets\
**Created:** [March 31, 2025, 1:58am UTC](https://community.thunkable.com/t/making-items-in-dataviewer-list-clickable-to-display-more-info-on-another-page-about-chosen-item/3702196 "2025-03-31T01:58:44Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![briahna.fo0nq](https://avatars.discourse-cdn.com/v4/letter/b/7ab992/32.png) [@briahna.fo0nq](https://community.thunkable.com/u/briahna.fo0nq)\
**Post date:** [March 31, 2025, 1:58am UTC](https://community.thunkable.com/t/making-items-in-dataviewer-list-clickable-to-display-more-info-on-another-page-about-chosen-item/3702196/1 "2025-03-31T01:58:44Z")

</div>

My app lets users view skills they may want to learn, click a skill, and get redirected to a page showing information about the skill, in a similar layout to trade me/Facebook Market place, where you can see more info on an item you click. So far, I have all the information on a Google sheets dataset, with a list of skills. This is the user interface on the page:

 ![Screen Shot 2025-03-31 at 2.43.03 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/1/810f1cb17a568f30dec16386a28b4fb87d0182d5.jpeg)  
(idk if its loaded oops)

When they click an item in the data viewer list, I want it to redirect to another page about that information specifically, but I don’t want to make an individual page for each skill. I have a layout planned, but I’m not sure how to get it to work properly. This is the layout:

 ![Screen Shot 2025-03-31 at 2.57.55 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/6/56cedc63ededf681155f02d6020a4a08a38d687a.jpeg)

I tried to use a data grid, but I couldn’t figure out how to make it work without displaying everything on the table on one page. I would show some code, but I have none for it, as I wasn’t sure where to start. I was going to do something similar to a previous page function that I have on a couple of different pages, but reversed(?) but I’m really clueless on how to get this to work.

Please help me!! I saw that one user had a similar question in March 2020, but the link provided timed out, and my brain is melting out my ears. 🥲

---

<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:** [March 31, 2025, 2:45am UTC](https://community.thunkable.com/t/making-items-in-dataviewer-list-clickable-to-display-more-info-on-another-page-about-chosen-item/3702196/2 "2025-03-31T02:45:02Z")

</div>

Use this block for the click event:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/f/fff4591ff1c4861e272aa7eaf407d9acc59479a1.png)  
And then inside of that block, use this block to retrieve the value you need from the data source:

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

The “id” should contain the green `row id` block from the Item Click event block above.

If you want to access the same row id on another screen, set an app variable to the green `row id` block and then use that anywhere you need a row id.

---

<div class="post-metadata">

**Author:** ![briahna.fo0nq](https://avatars.discourse-cdn.com/v4/letter/b/7ab992/32.png) [@briahna.fo0nq](https://community.thunkable.com/u/briahna.fo0nq)\
**Post date:** [April 2, 2025, 3:50am UTC](https://community.thunkable.com/t/making-items-in-dataviewer-list-clickable-to-display-more-info-on-another-page-about-chosen-item/3702196/3 "2025-04-02T03:50:56Z")

</div>

Thank you!!

I was wondering though, which block do you use to connect the purple block (not sure what to call it) and item click? I was trying to figure it out myself, but I couldn’t think of any.

---

<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:** [April 2, 2025, 8:15pm UTC](https://community.thunkable.com/t/making-items-in-dataviewer-list-clickable-to-display-more-info-on-another-page-about-chosen-item/3702196/4 "2025-04-02T20:15:44Z")

</div>

It depends but one way to do this is to `set label's text` to `get value from...`

That way, you display the value from the data source based on the item that the user clicked.

---

<div class="post-metadata">

**Author:** ![halinwtto10a](https://avatars.discourse-cdn.com/v4/letter/h/df788c/32.png) [@halinwtto10a](https://community.thunkable.com/u/halinwtto10a)\
**Post date:** [April 2, 2025, 9:44pm UTC](https://community.thunkable.com/t/making-items-in-dataviewer-list-clickable-to-display-more-info-on-another-page-about-chosen-item/3702196/5 "2025-04-02T21:44:14Z")

</div>

This tutorial should help if you haven’t seen it yet:

[![](https://img.youtube.com/vi/hDRI8GnzCFE/maxresdefault.jpg "How to Make a Thunkable App Interactive with Blocks (4 of 4)") ](https://www.youtube.com/watch?v=hDRI8GnzCFE)

---

<div class="post-metadata">

**Author:** ![krish05](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/krish05/32/200523_2.png) [@krish05](https://community.thunkable.com/u/krish05)\
**Post date:** [April 2, 2025, 11:14pm UTC](https://community.thunkable.com/t/making-items-in-dataviewer-list-clickable-to-display-more-info-on-another-page-about-chosen-item/3702196/6 "2025-04-02T23:14:52Z")

</div>

But since you’re shifting to another screen, you’d need to set it in a variable first, then set the text to the variable. Just how it works I guess 🤷

---

<div class="post-metadata">

**Author:** ![briahna.fo0nq](https://avatars.discourse-cdn.com/v4/letter/b/7ab992/32.png) [@briahna.fo0nq](https://community.thunkable.com/u/briahna.fo0nq)\
**Post date:** [April 3, 2025, 12:49am UTC](https://community.thunkable.com/t/making-items-in-dataviewer-list-clickable-to-display-more-info-on-another-page-about-chosen-item/3702196/7 "2025-04-03T00:49:53Z")

</div>

Thank you so muchh!! this has helped sososososoo much and it finally works! 😸

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\
**Post date:** [July 2, 2025, 12:49am UTC](https://community.thunkable.com/t/making-items-in-dataviewer-list-clickable-to-display-more-info-on-another-page-about-chosen-item/3702196/8 "2025-07-02T00:49:55Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.
