Layout control

Official Content
This documentation is valid for:

The layout control allows inserting an abstract layout into an HTML form. The abstract layout is edited using the Web Abstract Editor and its main purpose is to help in the design of a Responsive Web Application.

The layout control is available in the toolbox when the web form is HTML. When dragging the layout control to the form, the web form is composed of an HTML form and nested into it; the abstract layout can be edited using the Web Abstract Editor.

It gives the designer the possibility of using the Web Abstract Editor in a HTML form, in order to obtain the advantages of both.

Layout control properties

The Layout control can be dragged to the HTML form, as shown in the figure below:

Layout Control
Layout control dragged to the HTML form
Layout Control Properties
Layout Control Properties

After dragging the control to the form, a tree structure is shown below, where each node can be selected and edited independently using the corresponding web editor.

Abstract Layout inside HTML form
Layout Control Properties

The tree structure can be composed of several levels of abstract layouts nested into an HTML form, as show below:

Abstract Layouts Tree Structure
Layout Control Properties

See Also

Nesting abstract and HTML form layouts