Page 507 - Xara Designer Pro X17

Web Graphics and Websites 507

All buttons the same - suitable for a
single button NavBar.

Different end button designs -
unsuitable for a single button NavBar.

To convert a single button NavBar back to an ordinary multi-button bar, just add more
buttons and delete the menu entries from the first button, if no menu is required.
Buttons & Menus

Edit the button labels, links and other button attributes using the table and tree controls in
the lower half of the NAVBAR DIALOG. Each row in the table corresponds to a button in the
bar, or to an entry in a menu under one of the buttons.

Adding & editing buttons
To add a button, double click in the first column where it says "Double-Click To Add
Button". A new row is added below the row for the last button. Or click the ADD button at
the bottom of the dialog to add a button following the selected button. You can
immediately start editing the label for the new button. Press return to complete the label
edit, or click away from the label.

You can edit any button label by first clicking the appropriate row to select it and then
clicking again in the first column to start editing the label.
To set the link on a button, double click on the URL field, or if the row is already selected
you can just single click on it. The WEB PROPERTIES LINK DIALOG appears. This should
look familiar as it’s the same Link dialog (on page 464) that you use for adding other links
to your page, so you have the same link options available. A few options are disabled
because they are not applicable to NavBar and menu links, such as the pop-up photo
option which only works when applied to a photo.

You can also set the tooltip text for each button using the 3rd column. Edit the text the
same way as you edited the label text. In the exported web site the text entered appears
as a small pop-up tooltip when the mouse pointer is held over your button or menu entry.