Page 50 - Xara Web Designer Premium

50 Getting Started

Changing Button Text
This is easy - in the TEXT TOOL, just click on the button text and edit it.

Hint: if you triple-click on the button text that selects the whole line of text for easy
replacement when you type.

Note: You can’t edit the text of navigation bars this way, if the bar is set to be a site
navigation bar. You need to edit the labels using the Navigation Bar Properties dialog
instead - double-click a navigation bar to display it.

Mouseover (Rollover) Buttons

You will have noticed that most buttons highlight as you move the mouse pointer over
them in your browser. This is called a mouseover, or sometimes a rollover effect. This is
all automatic for most buttons used in the templates or from the Button section of the
ONLINE CONTENT CATALOG. But you can also create your own mouseover buttons – see
the Layers section below.

Adding New Buttons
In the ONLINE CONTENT CATALOG, each Theme has a collection of button graphics that
you can just drag onto the page. Typically there are two types of button. The ones called
Stretch Button will elongate to accommodate the button label text.

In addition under COMPONENTS there is a Buttons category that has a set of general
button designs that can be added to your page in the same way.

Or you can copy any existing button. You can copy/paste, but a much quicker shortcut is
to drag with the right mouse button held down. (This is a general shortcut to copy any
object). You can now just edit the text and link as required.

Tip: If you hold the "Ctrl" key while dragging it will constrain the drag to be perfectly
horizontal or vertical, making it really easy to create a row or column of buttons.

Button Bars (NavBars)

Most websites, and so most of the template designs we provide, have a row or column of
buttons to navigate around the website or to other places. This is called a Navigation Bar
and Xara Web Designer Premium includes special support for these bars. Read the
Navigation Bars Chapter (on page 413) for full details about Navigation Bars.