Page Comparison

...

Layouts are containers designed to help arrange component positions in view. Its definition is the same as normal component definition:

<component type="layoutType" name="componentName" basicOptions>

       // HERE YOU PUT LAYOUT CONTENT

       // HERE YOU PUT LAYOUT ADDITIONAL OPTIONS

</component>

...

Content of grid layout is defined as set of cells. Each cell is defined as:

<layoutElement column="columnNumber" row="rowNumber" width="cellWidth" height="cellHeight">

       // HERE YOU PUT CELL CONTENT

</layoutElement>

Where:

• columnNumber - number of cell column
• rowNumber - number of cell row
• cellWidth - [optional] width of cell (in columns). Default is "1".
• cellHeight - [optional] height of cell (in rows). Default is "1".

...

Content of small tab layout is defined as set of tabs. Each tab is defined as:

<tabElement name="tabName">

       // HERE YOU PUT TAB CONTENT

</layoutElement>

Where:

• tabName - name of tab

...

Separator line is a simple horizontal line. Its definition matches pattern:

<component type="separatorLine" name="lineName" />

...