Page Comparison

...

4. Layouts and layout elements

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>

...

• layoutType - is name of layout
• componentName - is an identifier of layout
• basicOptions - are options for layout as key="value"
• layout content - are normal inner component definitions

• additional options - layout addtional options in form

  Code Block
  <option type="optionType" value="optionValue" />

...

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>

...

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>tabElement>

Where:

• tabName - name of tab

...

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

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

...