[Solved] ListView with links and pictures

[86188296cd8d41]

Hello There,
I am trying to make my Listview items clickable without luck. Can anyone share a tutorial or explain how this can be achieved in Thunkable-x, please?

Thank you.

[jared]

@86188296cd8d41

view items clickable without luck. Can anyone share a tutorial or explain how this can be achieved in Thunkable-x, please?

Hey @86188296cd8d41, welcome and thanks for posting to the community!

What do you want those options to do? They should already be clickable.
For example, clicking a list item could load information in a pop-up window, take you to another screen, add an item to a list of other items, remove an item from a list, or cause many other actions to take place.

[86188296cd8d41]

@jared

take you to ano

Thanks a million. I want the options to take me to other screens.
How can this be achieved please?

[kartik14]

Hi, @86188296cd8d41!

I consider that you want to send the clicked item’s data to another screen - right?
If so, then you can refer to my tutorial on “How to send data from one screen to another with Local Storage”. I’ll link the tutorial here -

How to use StartValue in Thunkable X with LocalStorage

Hello, Thunkers! In this post, we’ll talk about How to implement StartValue in App I saw many users seeking for the solution for StartValue in Thunkable X… So, finally, I found myself a solution and I want you all to have a look at it So, if you want to transfer any type of value to another screen, you may try using LocalStorage for this. I have some code blocks related to the above idea. You may take reference from them below : Sending Start Value [image] Getting Start…

Hope I helped you!
Thanks!

[jared]

Did you change the title?

I think you may like this post, it would allow you to create dynamic list viewers with whatever organization you’d like.

Changing properties of cloned components (DIY Advanced Listviewer)

I just wanted to share my extended list viewer here! Thanks to @domhnallohanlon and @darren and @actech for all of the guidance with this! I use this to display private notes left by my app users. these notes are so they can review any notes they took on any given day the screen [giphy (1)] the code I use to populate the extended dynamic list viewer [Screen Shot 2020-01-29 at 12.11.51 PM]

This is a list of notes I’ve taken. A row will populate for each note I have. Each row is made of 3 labels and 1 button.

[86188296cd8d41]

Thank you so much!
The clicked item is actually meant to do three different things as seen in the picture below.

1. Show details of logged in user- Information from firebase
2. Resources- A page created inside Thunkable
3. Logout-Information from firebase

If there was an actual button to click for individual items, then it would have been straight forward for me. If you have any resources that can address these, it will be a life saver!
Thanks again.

[kartik14]

Hi, @86188296cd8d41!
Thanks for the explanation - it helps a lot!

---

@86188296cd8d41

If there was an actual button to click for individual items, then it would have been straight forward for me.

These would work too, just need to command the 3 buttons. But, the list-viewer looks minimal, and moreover, it’s challenging for you to do.

I have some question for you, have you prepared code for the Show Details, Resources (screen) and log out ? Also, do you you have separate screens for Show Details & Resources? And how do you relate this to transfer data between screens?

Thanks a lot!

[jared]

I guess I dont understand.

When you click ‘my details’ do you expect a popup to appear with that info, or do you want the user to be taken to a new screen. or are you trying to show dynamic content on the same screen?

[86188296cd8d41]

At the moment, just the Resources (screen). I am currently working on the other two.

[kartik14]

@kartik14

Also, do you you have separate screens for Show Details & Resources?

+1 @jared!

Thanks!

[86188296cd8d41]

Yes, i do.
Thanks

[jared]

I would recommend a custom row with buttons on each screen then with absolute positioning and a bottom offset of 0

this way you can add whatever buttons you want and this is easier than using the list viewr for what you are doing

[kartik14]

@86188296cd8d41

At the moment, just the Resources (screen)

Thanks - Now I am clear.

I would too prefer @jared’s idea of simple buttons, it would be better.
When button1 click, perform first action. When 2, then second action, & so on, and so forth.

Thanks!
P.S. @jared please explain me the technical terms of “bottom offset” & “absolute position”? I don’t know what they do/mean … Thanks!

[86188296cd8d41]

I figure that this will be a lot easier, just wanted to learn how to make use of the ListView to do same…

Thanks you.

[jared]

maybe this can help you.
https://x.thunkable.com/copy/c24d7ad4befc6f0e8274a80255531d7e

[kartik14]

@86188296cd8d41

just wanted to learn how to make use of the ListView to do same…

It’s awesome that you wanted to learn a new thing, and it’s not that different from buttons.
In this block,

you would just need to check the “item” = details/resources/log out with an if-else_if block. And perform their actions respectively.

Thanks!

[jared]

yup!

if index = 1
set label 1 = var resourceInfo
if index = 2
navigate to screen 2
if index = 3
call signout method

[86188296cd8d41]

Will try this now.
While you are here. I posted this yesterday on the forum as well. Could you be of help as

…
I just created a chatbot using Amazon Lex. Is it possible to incorporate the bot in Thunkable, if yes how?
Or can I create a chatbot in Thunkable directly? If yes, I would love to learn how to do this.
Thank you.

[86188296cd8d41]

Thank you. Will do this now.

[86188296cd8d41]

This worked!
Thanks to you both. @kartik14 @jared