Page 514 - Xara Designer Pro X17

514 Web Graphics and Websites

them using "ARRANGE" > "REMOVE SOFT GROUP" ("Ctrl + Alt + U"). You can then further
ungroup each button state on the MouseOff and MouseOver layers ("Ctrl + U"), in order
to work on their respective designs. See the "Creating your own Mouseover Buttons"
section of the Getting Started chapter (on page 457) for information on how to make
buttons.
Remember to regroup each of the button states and then put the soft group back to keep
the two button states together once you’re done editing. Do this by making sure both
layers are turned on in the PAGE & LAYER GALLERY (on page 181), select both button state
groups and then "ARRANGE" > "APPLY SOFT GROUP". See the Object Handling chapter for
more information on soft groups (on page 101).

It’s a good idea to test your button works as expected by previewing your page, before
re-assembling the bar. To put your bar back together, select the modified button and
choose "ARRANGE" > "CREATE NAVIGATION BAR".

Navbars with different first or last buttons
Sometimes you may want a bar which has different first and last buttons. For example,
perhaps a bar with rounded ends but with rectangular buttons in the middle.

Navbars like this need 2 (if just one end should look different) or 3 (if both ends should
look different) button designs. Position the button designs in order from left to right as
you would like them to appear in a horizontal Navbar. Or from top to bottom as you would
like them to appear in a vertical bar. Then select all 3 button designs (along with their
mouseover states if they have them) and choose "ARRANGE" > "CREATE NAVIGATION BAR".