Harness form — Adding a screen layout

Available only to user interfaces rendered in HTML 5 document type (standards mode).

Different layout options are available when you use the harness as an app view, a main area, inner harness, or a page view. The header and footer can be fixed on the page, or set up to scroll with the page.

A screen layout comprises of the following elements:

• Main area
• Adjacent regions, each identified by position: Header, Left, Right, and Footer

You can choose from one of many different screen layout formats, each of which can be styled in the skin. For example, you can choose the Header Footer Left format, which provides a header, a left sidebar, a main area, and a footer.

Each region in a screen layout can contain a single section. That section can hold a layout, which in turn can hold various controls or included sections. Typically, the section that goes into the main area contains a dynamic container.

Screen layouts can exhibit responsive behavior, as configured in the skin. You can set responsive breakpoints for screen layouts, enabling the layout to adjust according to screen size, providing an optimal user experience on a desktop, tablet, and phone.

• Open the harness that you want to modify..
• On the Design tab, from the Structural list, drag Screen layout onto the work area.