Is there a way to create a drop down menu from a button? I don't see one in the toolbox. I'm using the drop down list but it doesn't quite do what I want, which is to emulate a drop down menu on a main menu button.
One approach is to add an interaction on a button (check the toggle option) and create a new state. In the new state you can design whatever you wish your users to see when this button is clicked. In your case, I could add a listbox, repeater or container right below the button to simulate the menu.
There is no explicit "Menu" control yet. Please feel free to post it as a product idea so that other users can vote it up!
Thanks for the reply. I was hoping there was an existing tool already built for this. I used the Tree tool element to create a drop down button menu. Worked great. Also, posted request in product idea area.
When I am trying to create a dropdown menu (exploding menu) from button/link I find this problem:
The idea is that when a user is rolling over the button/link the menu will expand under it (I am using a new state for that), so as soon the user is going to click the on one of the items under in the actual expanded menu, it's gone because the roll over interaction is taking place only for the specific link/button.
yes I know that I can uncheck the reverse option to make sure the dropdown menu stay available for me even when i am shifting a way from the main linkj/button BUT what happen if after rolling over the main link/button , the user regret and he wants to go to a different location on the page then the drop down??? he will be stuck with the dropdown open forever.
Hover interactions tend to be trickier than they look. I completely understand how you are approaching it, and that's exactly how I would want it to work. But it's not there yet because we have to add some additional functionality to simulate what I am about to show, automatically.
In the prototype you see, I've use a container to contain the link. You can style the container to have no borders or fill, and hence imperceptible to the user. The benefit of the container is that interactions applied to the container bubble up the stack. In this case,
The limitation of this technique is as follows:
By different branch, I mean:
After reading the previous reply, were you able to create the hover interaction in your your prototype? Anything more we should explain that might help other users of Indigo Studio?