Double click to open Widgets, Forms and More in the Designs Gallery then double click to open the Eyecatcher folder. Drag the Easy Accordion widget into your web document page.

A placeholder is displayed.

 

Double click to edit the placeholder.

The program displays a new document which contains widget editing instructions and five 'page' templates for each slide in the slideshow (maximum of 5).

 

If you want less than 5 slides in your slideshow, right click the page(s) you want to delete in the Page & Layer Gallery and choose Delete (or select the page(s) and click the Delete button).

In the Text Tool, click the vertical 'Title Text' on the left of each slide (with a gray background) to edit the slide title.

Note: The 'Title Text' with a white background is not editable. This will update to show each slide's title when the widget is viewed in a browser.

Using the Text Tool, edit the heading text, main text and URL text of the slide.
To change the URL itself, select the URL text with either the Text Tool or Selector Tool then click Link Properties in the standard toolbar.

In the Link tab of the Web Properties dialog, click the Link to Web or Email Address radio button and type the URL or email address of the link you want to apply then click OK.

To replace the template images with your own photos, click and drag a photo from your Windows Explorer on top of the existing image.

The Fill Tool handles appear. Drag these to increase or reduce the size of the image or rotate it in the frame. Click and drag on the image to move it around in the frame.

When you have finished editing all the slides, save and close the document.

Note: The EasyAccordion widget is always displayed as a standard size and you cannot resize it by increasing the page or placeholder size in the program.

You also cannot resize the components within the slides, such as title, heading and main text font and size, the image frame and title bar.

Return to your website document and click Preview in the toolbar to view your slideshow.

You can edit and update the widget contents at any time by double clicking on the placeholder.

Double click to open Widgets, Forms and More in the Designs Gallery then double click to open the Eyecatcher folder. Drag the Tile Effect Slideshow 1 widget into your web document page.

A placeholder is displayed.

	To replace the template images with your own photos, click and drag a photo from your Windows Explorer on top of the existing image. The Fill Tool handles appear. Drag these to increase or reduce the size of the image or rotate it in the frame. Click and drag on the image to move it around in the frame.

To add a URL or email address to any of the slide images, click the image then click the Link Properties icon in the standard toolbar.

In the Link tab of the Web Properties dialog, click the Link to Web or Email Address radio button and type the URL or email address of the link you want to apply then click OK.

In the Text Tool, click the caption on each slide to edit it.

Note: Any edits you make to the 'prev' and 'next' button text will not be displayed in a browser, so these cannot be changed. In addition, The Tile Effect Slideshow 1 widget is always displayed as a standard size and you cannot resize it by increasing the page or placeholder size in the program. You also cannot resize the components within the slides, such as the image area (resizing will result in a cropped image), caption bar, caption and button text size and font and button area.

Double click to open Widgets, Forms and More in the Designs Gallery then double click to open the Eyecatcher folder. Drag the Fade Effect Slideshow widget into your web document page.

A placeholder is displayed.

To replace the template images with your own photos, click and drag a photo from your Windows Explorer on top of the existing image.

The Fill Tool handles appear. Drag these to increase or reduce the size of the image or rotate it in the frame. Click and drag on the image to move it around in the frame.

If you want less than 5 slides in your slideshow, right click the page(s) you want to delete in the Page & Layer Gallery and choose Delete (or select the page(s) and click the Delete button).

When you have finished editing all the slides, save and close the document.

Return to your website document and click Preview in the toolbar to view your slideshow.
You can edit and update the widget contents at any time by double clicking on the placeholder.

To replace the template images with your own photos, click and drag a photo from your Windows Explorer on top of the existing image.

The Fill Tool handles appear. Drag these to increase or reduce the size of the image or rotate it in the frame. Click and drag on the image to move it around in the frame.

Alternatively if you have lots of slide images to add, you can replace all the images in one operation.

Drag and drop a selection of multiple images onto the first slide.

The program displays a message warning you that you're importing more images than current slides.

Click Duplicate Page to create a new slide for every image you're bringing in (Note: The first 5 images of your selection replace the 5 template images. The remainder of your selected images are automatically added as new slides, with one image per slide.)

Or click Add New Photos to add all selected images to the document. The program stacks these images on top of each other so that you can move them around or add to existing slides.

You can also add more slides one by one by right clicking on the gray pasteboard in the program and choosing Duplicate Page. You can then replace the duplicated image.

Note: If you add more than one image to a slide in the program, only one image (the original one) will be visible when the slideshow is displayed in a browser.

The All Effects widget is always displayed as a standard size and you cannot resize it by increasing the page or placeholder size in the program. You also cannot resize the image area (resizing will result in a cropped image).

When you have finished editing all the slides, save and close the document.

Return to your website document and click Preview in the toolbar to view your slideshow.
You can edit and update the widget contents at any time by double clicking on the placeholder.

To add a URL or email address to any of the slide images, click the image then click the Link Properties icon in the standard toolbar.

In the Link tab of the Web Properties dialog, click the Link to Web or Email Address radio button and type the URL or email address of the link you want to apply then click OK.

To add an image caption to an image, click the image then click the Website Properties icon in the standard toolbar.

In the Image tab of the Web Properties dialog, type the caption you want to apply in the Image Caption (Alt Text) box then click OK.

If you want less than 5 slides in your slideshow, right click the page(s) you want to delete in the Page & Layer Gallery and choose Delete (or select the page(s) and click the Delete button).

Double click to open Widgets, Forms and More in the Designs Gallery then double click to open the Eyecatcher folder. Drag the Cloud Standard Zoom widget on to your web document page.

A placeholder is displayed.

To replace the template image with your own photo, click and drag a photo from your Windows Explorer on top of the existing image.

The Fill Tool handles appear. Drag these to increase or reduce the size of the image or rotate it in the frame. Click and drag on the image to move it around in the frame.

Note: If you add more than one image, only one image (the original one) will be visible when the slideshow is displayed in a browser. The same applies if you create more than one page: only the image on the first page will be visible.

	In the Text Tool, click the Zoom Viewer label to edit it. Note: The Cloud Standard Zoom widget is always displayed as a standard size and you cannot resize it by increasing the page or placeholder size. You also cannot resize the image area (resizing will result in a cropped image), the Zoom Viewer label size, and label font and size.

When you have finished editing the widget, save and close the document.

Return to your website document and click Preview in the toolbar to view and zoom in on your image.
You can edit and update the widget contents at any time by double clicking on the placeholder.

To replace the template images with your own photos, click and drag a photo from your Windows Explorer on top of the existing image. The Fill Tool handles appear. Drag these to increase or reduce the size of the image or rotate it in the frame. Click and drag on the image to move it around in the frame. You'll notice that the thumbnail images displaying this image also update on the other template pages. Note: You can also drag individual images on to a thumbnail to replace the main image on another page. The program asks you if you want to add the image to the document or replace the existing photo. If you choose to replace the photo, the thumbnail and its main image on another page are both replaced.

To replace the template images with your own photos, click and drag a photo from your Windows Explorer on top of the existing image.

Alternatively you can replace all 6 images in one operation.

In your Windows Explorer, select 6 images then drag and drop them onto the first image.

The program replaces the existing images with your 6 selected new images.

Click the Fill Tool then click an image to display the fill handles. Drag these to increase or reduce the size of the image or rotate it in the frame. Click and drag on the image to move it around in the frame.

To change the order of the images, click and drag an image to the desired position in the Page & Layer Gallery. The image/page numbering will adjust automatically.

To change the timing of the pause when displaying the images at the front of the carousel, select the Text Tool then enter the pause duration in seconds at the bottom right of the instruction (first) page.

The lower the value, the shorter the pause. For example, pause 0 means there is a very short pause and 10 is a very long pause.

Repeat to change the speed of the carousel spin.

The lower the value, the faster the spin speed. For example, speed 0 is very fast and 10 very slow. 

You can add the same link to all images or a different link to each individual image. When you add individual links, if there are any images to which you do not apply links, the default link (if you have specified one) will still apply.

To apply the same link to all images and to apply a default link:

• In the Selector Tool, click to select the text 'Use link properties to assign the default link' at the bottom right of the instructions (first) page

• Click the Link Properties icon to open the Link tab of the Web Properties dialog

• In the Link to Web or Email address box, type the web address you want all the images to link to and click OK.

To apply individual links to each image:

• Click the image

• Click the Link Properties icon to open the Link tab of the Web Properties dialog

• In the Link to Web or Email address box, type the web address you want that individual image to link to and click OK.

We recommend that you optimize your images to reduce the file size. Choose Optimize all JPEGs from the Utilities menu then click the Optimize button.

When you have finished editing the widget, save and close the editing document to return to the parent web document.

You can resize the widget by clicking on its placeholder and dragging the corners with the Selector Tool.

Click Preview in the toolbar to view your image carousel.

You can edit and update the widget contents at any time by double clicking on the placeholder.

To replace the template images with your own photos, click and drag a photo from your Windows Explorer on top of the existing image.

Alternatively you can replace all 20 images in one operation.

In your Windows Explorer, select 20 images then drag and drop them onto the first slide.

The program replaces the existing images with your 20 new selected images.

The thumbnail images, however, are locked and not selectable. When you update a large image, its corresponding thumbnail is automatically updated.

Note: If you have more than 20 images in your gallery, the thumbnail section will be scrollable to show additional thumbnails when you preview the widget.

Click the Fill Tool then click an image to display the fill handles. Drag these to increase or reduce the size of the image or rotate it in the frame. Click and drag on the image to move it around in the frame. You'll notice that the thumbnail images displaying this image also update on the other template pages.

If you want less than 20 images in your gallery, right click the page(s) you want to delete in the Page & Layer Gallery and choose Delete Current Page (or select the page(s) by clicking on them in the Page & Layer Gallery and clicking the Delete button).

	In the Text Tool, click the text 'Zoom Viewer label' in the instructions text (page one) to edit the label. The label text automatically updates on the first image page (page two). The Zoom Viewer label is displayed at the top of the zoom window when the mouse pointer is passed over the image. The same label is displayed for all 20 images.

You can edit the tooltip that is displayed when the mouse pointer moves over each thumbnail image (by default it displays 'image1, image2, etc').

Click the large image on the left of a page and choose the Image Properties icon from the Web Properties flyout toolbar. The Image tab of the Web Properties dialog is displayed.

Type the text for the image's tooltip in the Image Caption box and click OK.

Repeat on each page for each image.

We recommend that you optimize your images to reduce the file size. Choose Optimize all JPEGs from the Utilities menu then click the Optimize button.

When you have finished editing the widget, save and close the document to return to your website document.

Note: You cannot resize the Tint Zoom Gallery widget by increasing the page or placeholder size in your web document. This widget can only be displayed in three standard sizes: 600 px wide, 740 px wide and 800 px wide. Choose the size you require in step 1 when dragging the widget from the Designs Gallery into your web document.

Click Preview in the toolbar to view your gallery.

You can edit and update the widget contents at any time by double clicking on the placeholder.

Once you have installed Widget Pack 1, in the Designs Gallery double click the Widget Pack 1 folder then drag the Featured Content 1 widget of the desired size on to your web document page.

A placeholder is displayed.

To change the order of the images, click and drag an image to the desired position in the Page & Layer Gallery. The image/page numbering will adjust automatically.

Although the thumbnail images on the tabs do not appear to update, they will be displayed in the correct order when you preview the widget.

In the Text Tool, click in any text in each tab to edit it. The text for that tab updates in all the pages.

Click in the panel text at the bottom of each large image to edit the text.

Note: Because text in the Featured Content widgets is exported as a graphic, you can change font properties for both the tab and panel text. So for example you can select the text in the Text Tool and change its font, size and style.

You can add a link to the text in the panel at the bottom of each image:

• In the Selector Tool, click the text to select it.

• Click the Link Properties icon to open the Link tab of the Web Properties dialog

• In the Link to Web or Email address box, type the web address you want the image to link to and click OK.

You can edit two template colors by replacing them with another color, similar to changing a theme color in a website template:

• Right click on the black or white square on the left end of the Color Line and select Edit Color (or in Web Designer Premium just click on one of the squares).
• The Color Editor opens. Drag in the hue selector bar and the color panel to choose a new template color.

We recommend that you optimize your images to reduce the file size. Choose Optimize all JPEGs from the Utilities menu then click the Optimize button.

When you have finished editing the widget, save and close the document to return to your website document.

If you have changed template colors, Designer Pro/Web Designer Premium asks you if want to match colors. Click 'Don't Match' to keep your new color scheme.

Note: You cannot resize the Featured Content 1 widget by increasing the page or placeholder size in your web document. This widget can only be displayed in three standard sizes: 600 pixels wide, 740 pixels wide and 800 pixels wide. Choose the size you require in step 1 when dragging the widget from the Designs Gallery into your web document.

Click Preview in the toolbar to view your widget.

You can edit and update the widget contents at any time by double clicking on the placeholder.