Page 420 - Xara Web Designer Premium

420 Navigation Bars

your bar. See the Navigation Bar chapter (on page 413) for more information on this,
including how to have different first and last buttons in your bar.

Adding menus and sub-menus
In the first (label) column, you’ll notice that there is a plus icon to the left of each label.
This is a tree control and clicking the plus icon next to a button label, expands that button
node, allowing you to add a menu to that button.

Click on the DOUBLE-CLICK TO ADD MENU ITEM text below the button to start adding a
menu. Or click the ADD button at the bottom of the dialog to add a menu item below the
selected item. A new row appears in the table for each menu entry you add. You set the
label, link and tooltip for each menu entry the same way you do for buttons. And you can
add sub-menus to any menu the same way – by first expanding the menu entry node of
the tree.

Note that users with touch screen devices will not be able to see menu items if the top
level button has a link attached. This is because a touch action on the linked button will
invoke the link rather than displaying the underlying menu. If this is the case, a warning
will appear to tell you that you have a button with both a link and a menu attached and
offering you the option to remove the button link.

Menu separators
You can add a separator into your menu by clicking the ADD SEPARATOR button at the
bottom of the dialog. The separator is added following the currently selected menu item.
Separators allow you to visually group together related items in your menu.