Show/hide dropdown on a repeated list

Kamil · 2023-12-18T09:55:08.691+00:00

Hello, I am trying to add a dropdown on a repeated list that only shows when clicked on the button, which is on the list.Currently, I am using a variable that is set to true when clicked, and the dropdown is shown. However, currently, all the dropdowns on the list items are showing. Any ideas on how to modify the show/hide formula?

Kamil
2 years ago
Hello, I am trying to add a dropdown on a repeated list that only shows when clicked on the button, which is on the list.

Currently, I am using a variable that is set to true when clicked, and the dropdown is shown. However, currently, all the dropdowns on the list items are showing. Any ideas on how to modify the show/hide formula?
Andreas Møller
2 years ago
There is two ways we frequently use.

1. Instead of setting the variable to False or True, Set it to Null or the index of the selected item.
Then set the dropdown dialog to only show if the repeat item index is equal to the index in the variable
2. create a component that renders the list item, and move the dropdown logic inside the component.
Was that helpful?
@Andreas Møller
There is two ways we frequently use.

1. Instead of setting the variable to False or True, Set it to Null or the index of the selected item.
Then set the dropdown dialog to only show if the repeat item index is equal to the index in the variable
Kamil
2 years ago
Thank you, @Andreas Møller The first solution did the trick 👍
Tod
2 years ago
Great energy @Kamil! Your continuous contribution to the toddle Community just made you advance to Community Level 1!
Andreas Møller
2 years ago
🙂

Show/hide dropdown on a repeated list

Kamil

Andreas Møller

Kamil

Tod

Andreas Møller