Layout

On the Layout tab, the schematic representation of the page layout is displayed.

In this manual, the term 'Zone' is used for indicating a part of the layout. One zone can hold multiple components. These configured components are the eventual content shown on the page.

Zone Layout overview Zone Layout overview Use the + button in the zone box to add a component to the zone. (See 'Components' to see which components are available).

The components are visible within the zone and users can drag and drop them to change the order in a single zone or to move them between zones. Notice that there is also the flexibility for zones to consist multiple layout sections with different column templates.

Zone Layout settings Zone Layout settings

By clicking the Settings button a flyout will appear where it's possible to change row settings, column layout and content alignments.

Change the layout of a zone by selecting a layout from the set of available templates. When changing the layout, all components will move to the first zone of the new layout.

A zone can be duplicated by clicking on the duplicate button. This will create a new section within the same zone that will have an exact copy of the layout settings. Every single value in the original layout settings is copied through.

To delete a zone, press the garbage bin icon which will remove an unused section.

Pages can have their own background image. This can be configured using the Background section of the page layout. Images can be selected from the Portal assets library (see below), or from the selection of all assets.

Background section > Select image Background section, Insert media

Size and horizontal alignment can be selected. Vertical alignment can be set on the page layout.

A background image can be removed using the Remove button.

Background image selection/removal Background image selection/removal

During any time of the page configuration process, the results can be visualized by clicking on the View Page button. There is also the option to entirely delete a page using the Delete Page button at the header section of a page (except for the landing page).

user-documentation/administration/portal/pages/page-configuration/layout.html

Version: 3.2

Do you have some feedback for us?

If you have suggestions for improving this article,