Working with Portal Page Layouts

Use

Portal content modeling provides flexible and diverse page layout capabilities for arranging content in pages. The layout feature enables the following:

  • Choosing from a selection of layout templates when creating a page

  • Adding multiple layouts to a page

  • Editing layouts by splitting, adding, and changing the size of containers

  • Switching between the layouts defined for a page during design time

Prerequisites

A page is open in the Portal Layout board.

Procedure

Since a page must have a layout to contain content, the Select Layout Template dialog box opens when you create a model for a page, immediately after you choose OK in the Create New Model dialog box.

Create new layouts and edit existing ones, for the page currently open in the Portal Layout board, from the Options menu icon at the right of the page title bar. The options available are:

  • Edit

  • Rename

  • Set as default (deactivated for the default layout)

  • New

  • Delete (deactivated for the default layout)

Creating New Layouts:

  1. Click the Options menu icon and choose New to open the Select Layout Template dialog box.

  2. Select a layout and choose OK . The new layout appears in the page and is added to the Layout drop-down list at the right of the page title bar.

Editing a Layout:

Click the Options menu icon and choose Edit .

  • To change the width of the containers, drag the separation marks between them. The relative size of each container is shown in percentages.

  • To add containers to the top, bottom, or any side of the layout, use the appropriate plus (+) button.

  • To split a container vertically, right-click it and choose a split option from the context menu.

  • Use the back arrow button, which appears only in editing mode, to return to content mode.

More Information

Rules and Behavior

  • If more than one layout is associated with a page, one must be the default. You can toggle between page layouts from the Layout drop-down list at the top-right of the page and change the default layout.

  • Content (iViews, pages) in a page belongs to the page, not to the layout. If you remove a layout container from a page, the content will appear in the first container of the default layout (the upper-left container).

  • All iViews that are not mapped to a container (that is, you have not dragged them to a specific container) appear in the first container.

  • You can change the order in which iViews appear in a container only after mapping them to a specific container.

  • All iViews, appearing in the default layout, appear in the first container of all the layouts associated to the page. Likewise, an iView removed from the default layout is removed from the others.

  • The model of a page, which you import from Portal Content into Visual Composer for future modeling, retains the layout it had in the portal.