Page 513 - Xara Designer Pro X17
P. 513

Web Graphics and Websites             513

              Editing inside
              For some bars you can do some editing of the button design directly on the first button,
              using select inside. This allows you to select shapes inside the button group. See the
              information about the SELECTOR TOOL in the Object Handling chapter (on page 125) for
              details of select inside.

              However you cannot do select inside editing, if either of the following options are turned
              on in the Navbar dialog.
              •  SITE NAVIGATION BAR
              •  ADJUST BUTTON WIDTHS TO LABELS

              If either of these options are turned on and you attempt a select inside, you’ll be
              prompted and given the option of opening the Navbar dialog so that you can turn off
              these options and then try again.

              With the options off, you can use select inside and modify the shapes that make up your
              button using the usual drawing tools.


              IMPORTANT: Remember that the first button in your bar is the master button for your bar
              (unless you have different start and end buttons – see below). So you must modify the
              first button. Then your changes to the first button are immediately applied to the other
              buttons in your bar. If you modify a button other than the master, the changes will not be
              applied and will be lost as soon as you modify your bar.


              Ungrouping, editing and regrouping
              If you want to do any significant editing of a button design, it’s best to ungroup the
              components that make up the Navbar and then regroup them again afterwards.
              To ungroup your bar, select the Navbar by clicking on it on the canvas and then do a
              normal ungroup operation ("ARRANGE" > "UNGROUP" or "Ctrl + U"). Or click the UNGROUP
              TO EDIT GRAPHICS button at the bottom of the Navbar dialog.


              Note: If your Navbar had the "Site navigation bar" option turned on, you’ll need to turn
              that option back on again if required, after regrouping your modified bar.


              Once your bar is ungrouped, it is no longer a navigation bar. You are left with a separate
              button group for each button state. Also, if the "ALL BUTTONS THE SAME WIDTH" option was
              turned on, ungrouping might change the button widths because this option is only
              effective while the buttons are part of a Navbar. Although you should only make the
              design changes to the master button(s), you’ll normally want to leave all the other buttons
              on the page. They are used when you regroup your Navbar, to recover all your button
              labels, links, etc., so that you don’t have to re-enter them again.

              If you have a mouseover state, the 2 groups that make up the master button will be „soft
              grouped" so that they stay together when you drag them around the page. Separate
   508   509   510   511   512   513   514   515   516   517   518