Thanks so much for taking the time to send us your feedback! We’re always looking to improve our user’s experiences with the platform. We are working on adding and improving our videos for our guides and docs.
For now, you can use our dropdown menu template and change the element actions in the data tab to create an on-click dropdown menu. To do so:
Navigate to the layers tab and select the “dropdown container” layer. This is the layer that contains the element action (any element with a mouse icon contains an element action).
Once selected, navigate to the data tab and locate the “Element actions” section. There are two actions on this element, “mouse over” and “mouse leave”. To make this dropdown menu an “on click” instead of an “on hover” dropdown, select the “mouse over” action and change it to “click”.
Another option would be using Builder’s “custom code” block and pasting code from the web. The custom code block works well for some things, but not perfectly for others. If you find code for a dropdown that you would like to use, it would be worth a try.
If you have any questions, don’t hesitate to reach back out
Similarly to the dropdown menu, you can create an animation that will allow you to click on a box/section to hide or show the element. Here’s a guide that will walk you through how to add custom code: https://www.builder.io/c/docs/guides/state-and-actions
State is just something that you can use to create dynamic templates, and some of our templates use it too. You can use the guide above to learn more about how state works and how to use it.
