| Table of Contents |
|---|
...
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:
| Code Block | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
<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" />
...
Vertical layout is currently the same as flow layout.
4.1.3. gridLayout
Grid layout arranges its components in grid-like structure. It is most common used layout in system.
...
Content of grid layout is defined as set of cells. Each cell is defined as:
| Code Block | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
<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:
| Code Block | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
<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:
| Code Block | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
<component type="separatorLine" name="lineName" />
|
...