Customize layout

To customize the layout in Responsive HTML5 or Mobile App output, do the following:

  1. In the Manage Layout area, click the Settings button and select Edit.

    The Layout Customization dialog displays a preview of the layout.


    Layout Customizationdialogwithlayoutsettingsandpreview

  2. Select a layout component from the Layout Components list.

    Each component has a set of customizable properties associated with the component.

  3. To edit a property, go to the property value in the Properties pane and edit it.

    You can go to a property in the Properties pane by clicking the property and editing the value of the property.

    Alternatively, notice the Component preview pane displays the preview of the component. In addition, the preview pane displays buttons pointing to each property in the preview pane.

    You can click a property button in the preview pane to go to the property in the Properties pane.

    This will allow you to identify (from the preview) the property that you are editing.

  4. Click Save to save the updates.

  5. To reset all the component properties, click Reset component.

  6. To reset a specific component property, select the component (either from the Properties pane or from the preview pane). Click Reset property.

  7. Click Close.