Page 531 - Xara Designer Pro X17

Web Graphics and Websites 531

Editing

After dropping such a widget on your page, double click on it to edit. A new document
window opens in Designer Pro (we call this the widget’s "editing document"). What that
document window shows will depend on the specific widget, but typically you’ll see a
multi-page document that allows you to conveniently edit and customize all the content
for the widget.

Normally there will be some specific instructions shown to the side of or above the first
page, describing what aspects of the widget you can edit in the document and other
information about the widget. In most cases, you can edit the text you see using the TEXT
TOOL, but you can’t normally change the font or style of the text. You can replace photos
by dropping new photo files onto the images from Windows Explorer, just as you replace
photos in normal documents. And you can edit the photos using the PHOTO TOOL, adjust
photos using the FILL TOOL, etc.

Look at each page in turn and customize the text and photos. Some objects may be
locked (clicking on them does nothing) which tells you that you can’t edit that aspect of
the widget, or perhaps it will be modified by changing unlocked objects on one of the
other pages. Any locked objects are present as a visual aid, to help make the context of
the unlocked editable parts of the design clear.
Adding more content

Some widgets will allow you to add more content to the widget by duplicating the pages
shown (right click on the page and choose DUPLICATE CURRENT PAGE). A slide show
widget may allow you to add more photos to it this way. After duplicating a page, change
its photos or text as required. The instructions in the widget will tell you whether or not
you can duplicate pages in this way to add content.

If you make any changes that the instructions say should not be made, usually those
changes will be ignored. However you may cause a widget to malfunction so please
change only the aspects of the design that the instructions say can be modified.

Some widgets allow you to add clickable links - the instructions in each widget will make
this clear. Change any such links from their default values just as you would change links
in a normal website document.
Resizing

Some Locally Editable Widgets are resizable and others are not. Select the widget
placeholder in your website document and drag one of the corner handles to resize it up
or down. If the widget doesn’t allow resizing it will not change size when you drag a
corner. After a resize, normally you will see the program re-generate the placeholder
image for you, so you can see how the widget will look at its new size.
Saving changes

When you’ve finished customizing, close the document and you’ll be asked whether or
not you want to save the changes you’ve made back to your website document.