Page 504 - Xara Designer Pro X17

504 Web Graphics and Websites

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.

Normally you have this option on only if you want your NavBar to appear on all pages of
your website. However you can manually delete the bar from pages if desired.

The site navigation bar is also useful for automatically repopulating the menu items on a
single button NavBar after converting it from a multi-button NavBar. See Single button
NavBars (on page 506) for more info.

Moving and transforming a site navigation bar
If you move a site navigation bar on the page, the bar is also moved on all the other
pages on which it appears. Similarly if you scale the bar to make it larger or smaller using