| 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" />
...
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>
|
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:
| 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" /> |
...