Balsamiq Community Discussion

Menu Bars - Sub menu items


#1

I feel like I am missing something obvious, but I can’t figure out how to implement a basic menu bar with sub menu items that only appear in Presentation mode, per:

https://support.balsamiq.com/ui101/menubars/

It seems like there was a static solution proposed, but that would cover up text on the page:

This also looks close, but I’m not clear how to do it:

Thanks,

Cliff


#2

Hi @cliffk3ll,

You need to implement two mockups for Collapsed and Expanded states of the menu, see the image:

To provide expanding behavior on click in Presentation mode, set the link to Expanded view in the Collapsed view, see the red arrow in the File item.

Balsamiq implements “between page” prototyping model, i.e. each state is designed on separate page. Other tools, like Axure RP, provide “within page”, or “layer prototyping” model, where the states can be implemented within the same page.

Still, you can use some ninja techniques in Balsamiq to convey the interaction on the same page, but the separate pages for each state is the easiest and straightforward way.


#3

Thanks, I will give it a try!