Text to be displayed on list item click

Good Day clever people

I am very new to this platform, and app dev in general,to top that my JS is rusty as heck,so please bear with me

See the pic, with list items displayed in a ListView layout. What I would like to happen is that if the text in the list is tapped (eg pelvic tilts) I would like some text to appear below it, with instructions.

Please give me the most comprehensive way to accomplish this

TIA

Hmmm, what does your app have to do with javascript (JS) ?

Sounds like you want an accordian type listview. This is possible in several ways, including the use of extensions.

See here for an example using multiple listviews

Show in your blocks how you have created your list

Well the code blocks are JS based arent they?

Heres how I creted the lists. Then I set the ListView elements to "Monday"

Nope, Blockly and Java :wink: (Although there is a bit of javascript in the background somewhere). Simply put, you do not really need to know any javascript to make apps with Appinventor.

Given that your lists are quite short, e.g. 5/6 items, a simple approach could be to use buttons with hidden labels (containing the descriptions) and a label is displayed/hidden when the button is clicked.

Making this dynamic for different lengths of list would be the fun part

1 Like

Please give me more detail as to how to do this. I just need to know how to set it up so the buttons display perfectly in line with the list items

Here is a quick example (max 6 items - used 4)

buttondropdowns.aia (4.5 KB)

1 Like

You are a HERO!!!
Thank you so much

Here also is how you might do the same dynamically,
using the CompCreator extension (credits @Kevinkun ):

dynamicButtonDropDowns.aia (39.4 KB)