Show Specific Screen/Arrangement Using ListView & Google Sheet Data in Kodular

Dear Kodular Community,
I have a Google Sheets file that contains an Image Link, Title, Subtitle, and the name of a Vertical Arrangement. My app loads this data into a ListView Image & Text component.

What I want to achieve is: when a user clicks an item in the list, the specific Vertical Arrangement mentioned in the sheet should become visible.

Could you please help me with the correct blocks?

Sample Sheet Link:App test - List - Arrangements open - Google Sheets
Blocks:


AIA File:
ColorScreenApp1.aia (1.8 MB)

I don’t know if it’s possible with list, image and test only, since the listview will not give you the whole data. Recommend you to use Recyclerlist extension, this will give you the all Raw data, eg index 1 to even 20, then you can compare with the clicked values, eg

If select item list list index 4=vertical arrangements 1, then set vertical arrangements 1 visible to true

You can get the Recyclerlist here with a special guide

Okay. is there any other way. please guide me

Have you tried it already?:thinking:

No sir. I am beginner in kodular. That Recyclerlist is very complex, difficult to understand. Is there any manual way to achieve this.

I really wish I could help you, though am away with my :laptop: which can take 8 hours, I hope someone will step in and help

1 Like

Hi,
You could do it like this by using a dictionary to store the name–component association and by calling a procedure that hides/shows them.

1 Like

Thanks for stepping in, but due to Jnana goal it’s possible in this way? The data is from gsheets using listview

Sure, by creating the dictionaries we are giving names to the components (like the unique IDs of RecyclerList and DynamicComponent).
Then, through the procedure, we will get the vertical arrangement using that name, making Kodular understand which component it is.

He isn’t mastered Kodular yet

It’s not that hard, less than learning how to use Recycler List or Dynamic Component :grin:

Like how with listview on click function?

I’m really sorry, I hadn’t noticed that part was missing.

Anyway, it’s very simple, we just need to do this

Or we could use the title as the name of the VA, making everything even simpler, but this requires the VAs to be renamed with the titles.

I do not think you need to use different arrangements. our suggestion is just clear the existing design then recreate the design based o the user clicks. that will be valuable and be the smart work.

OR try this method.

Set visibility condition to all the arrangements to false, then try this blocks.

ColorScreenApp_1.aia (1.8 MB)

1 Like

Why don’t you guys use the data from Google sheets?

Maybe it’s me who don’t understand, but there data stored in Google sheets where it arrangements is saved there

The listview give only 4 items, position, title, subtle and image, while the arrangements names are in index 4 in the Google sheets. How the the index 4 retrieved in listview it gives 3 item from the data?

Did you guys use the data and it’s working?

I can assure you that this works with the data shown :grin:


It’s also correct this way, but let’s say you no longer have manipulation through the Google Sheet, since you’re defining the positions directly in the app.
Still, it’s the simplest way to do it.

In fact, I can’t find a practical application for the requested functionality :grin:

1 Like

Oooowoh​:joy::joy:

My bad :pensive_face:

I get it :joy: