| 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".
...
- label - [string] optional parameter that defines label in border
4.1.5. smallTabLayout
...
This layout agregates inner components in tabs.
basic options
none
additional options
none
content
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
</tabElement>
|
Where:
- tabName - name of tab
Tab content is a normal xml components definition.
4.2. layout elements
4.2.1. separatorLine
Separator line is a simple horizontal line. Its definition matches pattern:
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
<component type="separatorLine" name="lineName" /> |
...