14. Editing a layout

Editing a layout is almost as editing a document's body, except that the whole page is edited. A layout contains components. Components are used for menus, image galleries etc. The document body is managed by a Document Text component. So, when editing a layout the focus lies on how the pages should look like - graphically.

In this example functionality for showing photo galleries will be added. An ImageThumbnail Panel component will be added (it shows thumbnails of pictures) and an Image Viewer (which shows the selected image).

Switch to layout view and add photo gallery components

Switch to layout view by clicking on the Layout tab

Select the Business layout to the right in the list and start editing the layout.

Place the caret below the Document Text component. Components are displayed as red rectangles with a title bar.

The insert Component button is located on the toolbar (layout mode)

Click the insert Component button.

Select the "Image Thumbnail Panel" and click on the Insert button.

Also insert the "Image Viewer" component below the Image Thumbnail Panel.

The result should look something like this:

Selecting a component by clicking on it, will show its properties (behaviors).

Select the Image Viewer. The properties will be displayed to the right. Notice the Resource Folder property which is set to "Folder related to document..." This means that it will use the resource folder related to each document for displaying a photo gallery.

To change a property simply click on its value to the right.

For more information on components in general and to understand how each individual component works, please refer to the Components section of the help.

By adding these two components, any document using the layout can show a photo gallery. The second task to make it work is to associate a resource folder to a document.

Switch back to content view

Click the Content tab to switch to content view.