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

[briahna.fo0nq]

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:

(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:

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.

[tatiang]

Use this block for the click event:

And then inside of that block, use this block to retrieve the value you need from the data source:

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.

[briahna.fo0nq]

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.

[tatiang]

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.

[halinwtto10a]

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

How to Make a Thunkable App Interactive with Blocks (4 of 4)

[krish05]

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

[briahna.fo0nq]

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