Page 415 - Xara Web Designer Premium

Navigation Bars 415

button), so you get a rectangular bar. See the "ADJUST ALL BUTTONS TO WIDEST LABEL"
option below, which controls this.

Justification
Choose how you want your bar to behave when its length changes as you edit labels and
add/remove buttons. A LEFT JUSTIFIED horizontal bar will grow to the right as you add
more buttons or make the button labels longer. And the left edge of the bar stays in the
same place on the page. Similarly a RIGHT JUSTIFIED bar keeps its right edge in the same
place and grows to the left. And a CENTER JUSTIFIED bar grows to left and right equally.
Choose the centered option if, for example, you want a horizontal NavBar centered at the
top of your page.

Adjust button widths to labels
Turn this option on if you want your buttons to be stretchy, so they grow and shrink as
required to fit in the label text applied to the button. With this option off, your buttons will
remain the same size and so a label that’s too long for the button will extend beyond the
edges of the button.

All buttons the same width
This option is enabled only if the above ‘Adjust button widths to labels’ option is on.

Select this option to make all your buttons the width of the widest button in the bar. For
vertical NavBars this is almost always desirable so that you get a rectangular bar. For
horizontal bars it often makes the bar look neater with each button the same size, but it
requires more space and so you may not be able to fit as many buttons into your bar with
this option turned on.

Button spacing
Here you can choose to have some space between each button in your horizontal
NavBar, if you don’t want each button to sit right up against its neighbor. Simply enter the
number of pixels of space you would like and see the result on the canvas immediately.

Button order matches page order
Turning this option on makes the NavBar button order match the the page order in the
document. If you re-order pages in the PAGE AND LAYER GALLERY this also results in the
NavBar being similarly re-ordered. This is mainly useful for NavBars in presentation
websites, where the linear ordering of the pages is important and you want the buttons in
your bar to be in the same order as the pages in your presentation.

Site navigation bar

This is a very important option on the NAVBAR DIALOG, which turns on automatic linking
so that buttons and links are added to your bar for you, as you add pages. And all
changes you make to the bar are reflected on every page of the site as soon as you
close the NavBar dialog.