Clicking a strip drops down another strip of elements

Ask the community
,
1

in Coding with Velo
Hi, I am looking to maximize a strip or open another strip with elements when I click a drop-down or down-arrow-icon or something like that.

For example. If my parent strip has a text called “Skills” and When I click the drop-down, a parent strip below it should open with more elements such as the skills (Eg, HTML, PHP, CSS ) and the parent should remain hidden until somebody clicks the drop-down or any icon

I have been trying for a while and also checking on the community forums with no luck. Hope you can help.
Thanks

2

By the sounds of it, you are looking to expand and collapse a strip.

The strip that you want to be collapsed, should be set to collapse in the Properties and events panel

Then you will need the following code (which will need to be changed to your specific needs.

export function myIcon_click(event) {
    if( $w("#myElement").collapsed ) {
  $w("#myElement").expand();
}
else {
  $w("#myElement").collapse();
} 
}

Change myIcon for your icon id and make sure you have the event handler enabled in the Properties and events panel
Change myElement for the strip Id.

Good luck :facepunch:

3

Omg. Thank You so much. Tbh, The word “Collapse” was my problem as I didn’t know how to search for what I wanted. Thanks so much Noah! Learnt a lot about ‘Collapse’ later and Yay! I designed what I wanted.