- Loading...
Page History
...
Figure 1 Menu bar placement on desktop platform
4. Detailed Behaviors
...
Note: We may reconsider this and apply similar approach to showing toolbar items that do not fit into the decreased toolbar width.
Figure 2 Menu bar layout
Figure 3 Shortened menu bar when it does not fit in
Menu buttons
Behavior of menu buttons inside the menu bar is slightly different from menu buttons placed elsewhere. The difference is in hover behavior. When all menu buttons are in normal state and pointer hovers above them, the button below the pointer switches to a hover state. When the user clicks on a button, it switches to a selected state and opens the associated menu. When a menu is open, it changes the hover behavior of other menu buttons. They immediately become selected and open their menu, if the pointer hovers above them. There is no hover state present if there is an open menu.
...
Figure 4 Menu button states
Table 1 Pointer gestures on Menu bar items
...
Figure 5 Selected button and menu item
Table 3 Menu bar keyboard support
...
Overview
Content Tools