Difference between revisions of "Treeview Gadget Attributes"
From Lianjapedia
Yvonne.milne (Talk | contribs) |
Yvonne.milne (Talk | contribs) |
||
Line 3: | Line 3: | ||
{| class="wikitable" width="100%" | {| class="wikitable" width="100%" | ||
!width="20%"|Attribute | !width="20%"|Attribute | ||
− | !width=" | + | !width="80%"|Description |
− | + | |- | |
− | + | |valign="top"|Name||The name for this gadget (unique to the section) | |
|- | |- | ||
− | |valign="top"| | + | |valign="top"|Meta types||A comma separated list of metatype names |
|- | |- | ||
− | |valign="top"|Type||The type of control: Gadget (readonly) | + | |valign="top"|Type||The type of control: Gadget (readonly) |
|- | |- | ||
− | |valign="top"|Gadget type||The type of gadget: treeview (readonly) | + | |valign="top"|Gadget type||The type of gadget: treeview (readonly) |
|- | |- | ||
− | |valign="top"|Margin||Margin size around the gadget | + | |valign="top"|Margin||Margin size around the gadget |
|- | |- | ||
− | |valign="top"|Fixed width||Fix the gadget width (True | False) | + | |valign="top"|Fixed width||Fix the gadget width (True | False) |
|- | |- | ||
− | |valign="top"|Fixed height||Fix the gadget height (True | False) | + | |valign="top"|Fixed height||Fix the gadget height (True | False) |
|- | |- | ||
− | |valign="top"|Inline||Render the gadget inline rather than it its own column (True | False) | + | |valign="top"|Inline||Render the gadget inline rather than it its own column (True | False) |
|- | |- | ||
− | |valign="top"|Stretch width||Auto stretch the width of the gadget into the width of the section (True | False) | + | |valign="top"|Stretch width||Auto stretch the width of the gadget into the width of the section (True | False) |
|- | |- | ||
|} | |} | ||
Line 28: | Line 28: | ||
{| class="wikitable" width="100%" | {| class="wikitable" width="100%" | ||
!width="20%"|Attribute | !width="20%"|Attribute | ||
− | !width=" | + | !width="80%"|Description |
− | + | ||
− | + | ||
|- | |- | ||
− | |valign="top"|Absolute||Enable or disable absolute positioning (True | False) | + | |valign="top"|Absolute||Enable or disable absolute positioning (True | False) |
|- | |- | ||
− | |valign="top"|Top||Top position in pixels | + | |valign="top"|Top||Top position in pixels |
|- | |- | ||
− | |valign="top"|Left||Left position in pixels | + | |valign="top"|Left||Left position in pixels |
|- | |- | ||
− | |valign="top"|Width||Width in pixels | + | |valign="top"|Width||Width in pixels |
|- | |- | ||
− | |valign="top"|Height||Height in pixels | + | |valign="top"|Height||Height in pixels |
|- | |- | ||
− | |valign="top"|CSS style||CSS style (separate attributes with ; or use app:/filename.css) | + | |valign="top"|CSS style||CSS style (separate attributes with ; or use app:/filename.css) |
|- | |- | ||
|} | |} | ||
Line 49: | Line 47: | ||
{| class="wikitable" width="100%" | {| class="wikitable" width="100%" | ||
!width="20%"|Attribute | !width="20%"|Attribute | ||
− | !width=" | + | !width="80%"|Description |
− | + | ||
− | + | ||
|- | |- | ||
− | |valign="top"|Caption||The caption for the gadget | + | |valign="top"|Caption||The caption for the gadget |
|- | |- | ||
− | |valign="top"|[[Colors|Background color]]||The background color for the caption | + | |valign="top"|[[Colors|Background color]]||The background color for the caption |
|- | |- | ||
− | |valign="top"|[[Colors|Foreground color]]||The foreground color for the caption | + | |valign="top"|[[Colors|Foreground color]]||The foreground color for the caption |
|- | |- | ||
− | |valign="top"|Font||The font for the caption | + | |valign="top"|Font||The font for the caption |
|- | |- | ||
− | |valign="top"|Icon||The image for the caption (png | jpg | gif).<br>Use app:/imagename.ext for app specific images. | + | |valign="top"|Icon||The image for the caption (png | jpg | gif).<br>Use app:/imagename.ext for app specific images. |
|- | |- | ||
− | |valign="top"|Border width||The caption border width | + | |valign="top"|Border width||The caption border width |
|- | |- | ||
− | |valign="top"|[[Colors|Border color]]||The caption border color | + | |valign="top"|[[Colors|Border color]]||The caption border color |
|- | |- | ||
− | |valign="top"|Transparency||Specify a transparency percentage from 0 to 100 | + | |valign="top"|Transparency||Specify a transparency percentage from 0 to 100 |
|- | |- | ||
− | |valign="top"|[[Gradients#Gradient colors|Gradient colors]]||Render the caption color as a gradient (True | False) | + | |valign="top"|[[Gradients#Gradient colors|Gradient colors]]||Render the caption color as a gradient (True | False) |
|- | |- | ||
− | |valign="top"|[[Gradients#Gradient type|Gradient type]]||Specify the gradient type | + | |valign="top"|[[Gradients#Gradient type|Gradient type]]||Specify the gradient type |
|- | |- | ||
− | |valign="top"|[[Gradients#Gradient start color|Gradient start color]]||Gradient start color | + | |valign="top"|[[Gradients#Gradient start color|Gradient start color]]||Gradient start color |
|- | |- | ||
− | |valign="top"|[[Gradients#Gradient end color|Gradient end color]]||Gradient end color | + | |valign="top"|[[Gradients#Gradient end color|Gradient end color]]||Gradient end color |
|- | |- | ||
|} | |} | ||
Line 82: | Line 78: | ||
{| class="wikitable" width="100%" | {| class="wikitable" width="100%" | ||
!width="20%"|Attribute | !width="20%"|Attribute | ||
− | !width=" | + | !width="80%"|Description |
− | + | ||
− | + | ||
|- | |- | ||
− | |valign="top"|Tree items||A list of items to display in the Tree, e.g.<br>Static list of choices:<br>Apples,Oranges,Bananas<br>Dynamic list of choices from a table:<br>@tablename,expression<br>Dynamic list of choices from a table (SQL SELECT):<br>select expression from tablename | + | |valign="top"|Tree items||A list of items to display in the Tree, e.g.<br>Static list of choices:<br>Apples,Oranges,Bananas<br>Dynamic list of choices from a table:<br>@tablename,expression<br>Dynamic list of choices from a table (SQL SELECT):<br>select expression from tablename |
|- | |- | ||
− | |valign="top"|Columns to group by||The number of columns to group by to form the tree hierarchy. When grouping data, use a SQL SELECT ORDER BY clause. | + | |valign="top"|Columns to group by||The number of columns to group by to form the tree hierarchy. When grouping data, use a SQL SELECT ORDER BY clause. |
|- | |- | ||
− | |valign="top"|Selection column||The column to substitute into the Click/DblClick delegate. Use {} in the delegate where you want the text from this column to be placed. | + | |valign="top"|Selection column||The column to substitute into the Click/DblClick delegate. Use {} in the delegate where you want the text from this column to be placed. |
|- | |- | ||
− | |valign="top"|CSS style||CSS style for the gadget (separate attributes with ; or use app:/filename.css) | + | |valign="top"|CSS style||CSS style for the gadget (separate attributes with ; or use app:/filename.css) |
|- | |- | ||
− | |valign="top"|Column icons||A comma separated list of column icons. | + | |valign="top"|Column icons||A comma separated list of column icons. |
|- | |- | ||
− | |valign="top"|Hide column headers||Hide the column headers (True | False) | + | |valign="top"|Hide column headers||Hide the column headers (True | False) |
|- | |- | ||
− | |valign="top"|Row height||Row height for the Tree items | + | |valign="top"|Row height||Row height for the Tree items |
|- | |- | ||
− | |valign="top"|Font size||Font size for the Tree items | + | |valign="top"|Font size||Font size for the Tree items |
|- | |- | ||
− | |valign="top"|Expand all||Expand all Tree items when first loaded (True | False) | + | |valign="top"|Expand all||Expand all Tree items when first loaded (True | False) |
|- | |- | ||
− | |valign="top"|Expand depth||Expand all Tree items when first loaded to this depth | + | |valign="top"|Expand depth||Expand all Tree items when first loaded to this depth |
|- | |- | ||
− | |valign="top"|Show indicators||Show expand/collapse indicators in the tree (True | False) | + | |valign="top"|Show indicators||Show expand/collapse indicators in the tree (True | False) |
|- | |- | ||
− | |valign="top"|[[Colors|Background color]]||The background color for the gadget | + | |valign="top"|[[Colors|Background color]]||The background color for the gadget |
|- | |- | ||
− | |valign="top"|[[Colors|Foreground color]]||The foreground color for the gadget | + | |valign="top"|[[Colors|Foreground color]]||The foreground color for the gadget |
|- | |- | ||
|} | |} | ||
Line 117: | Line 111: | ||
{| class="wikitable" width="100%" | {| class="wikitable" width="100%" | ||
!width="20%"|Attribute | !width="20%"|Attribute | ||
− | !width=" | + | !width="80%"|Description |
− | + | ||
− | + | ||
|- | |- | ||
− | |valign="top"|Hide header||Hide gadget header at runtime (True | False) | + | |valign="top"|Hide header||Hide gadget header at runtime (True | False) |
|- | |- | ||
|} | |} | ||
Line 145: | Line 137: | ||
{| class="wikitable" width="100%" | {| class="wikitable" width="100%" | ||
!width="20%"|Attribute | !width="20%"|Attribute | ||
− | !width=" | + | !width="80%"|Description |
− | + | ||
− | + | ||
|- | |- | ||
− | |valign="top"|Read roles||A comma separated list of roles that can read (and view) the data | + | |valign="top"|Read roles||A comma separated list of roles that can read (and view) the data |
|- | |- | ||
− | |valign="top"|Update roles||A comma separated list of roles that can perform update operations on the data | + | |valign="top"|Update roles||A comma separated list of roles that can perform update operations on the data |
|- | |- | ||
|} | |} | ||
Line 158: | Line 148: | ||
{| class="wikitable" width="100%" | {| class="wikitable" width="100%" | ||
!width="20%"|Attribute | !width="20%"|Attribute | ||
− | !width=" | + | !width="80%"|Description |
− | + | ||
− | + | ||
|- | |- | ||
− | |valign="top"|Desktop||Include this gadget in a Desktop client (True | False) | + | |valign="top"|Desktop||Include this gadget in a Desktop client (True | False) |
|- | |- | ||
− | |valign="top"|Web||Include this gadget in a Web client (True | False) | + | |valign="top"|Web||Include this gadget in a Web client (True | False) |
|- | |- | ||
− | |valign="top"|Tablet||Include this gadget in a Tablet client (True | False) | + | |valign="top"|Tablet||Include this gadget in a Tablet client (True | False) |
|- | |- | ||
− | |valign="top"|Phone||Include this gadget in a Phone client (True | False) | + | |valign="top"|Phone||Include this gadget in a Phone client (True | False) |
|- | |- | ||
− | |UI States||UI states that affect this gadget. Specify multiple states as a comma separated list. | + | |UI States||UI states that affect this gadget. Specify multiple states as a comma separated list. |
|- | |- | ||
− | |Initial UI state||The initial UI state for this gadget. | + | |Initial UI state||The initial UI state for this gadget. |
|- | |- | ||
− | |valign="top"|Readonly when||Gadget is readonly at runtime if specified expression evaluates to true. | + | |valign="top"|Readonly when||Gadget is readonly at runtime if specified expression evaluates to true. |
|- | |- | ||
− | |valign="top"|Visible when||Gadget is visible at runtime if specified expression evaluates to true. | + | |valign="top"|Visible when||Gadget is visible at runtime if specified expression evaluates to true. |
|- | |- | ||
− | |valign="top"|Display orientation||Display depending on mobile device orientation for Tablets and Phones. (Always | Portrait | Landscape) | + | |valign="top"|Display orientation||Display depending on mobile device orientation for Tablets and Phones. (Always | Portrait | Landscape) |
|- | |- | ||
− | |valign="top"|Apply rules on change||Apply Page UI presentation rules (Visible when and Readonly when) when data is changed interactively or when navigating records (True | False) | + | |valign="top"|Apply rules on change||Apply Page UI presentation rules (Visible when and Readonly when) when data is changed interactively or when navigating records (True | False) |
|- | |- | ||
|} | |} | ||
[[Category:Attributes|4 Treeview Gadget]] | [[Category:Attributes|4 Treeview Gadget]] |
Revision as of 08:57, 6 April 2016
Under construction
Contents
Details
Attribute | Description |
---|---|
Name | The name for this gadget (unique to the section) |
Meta types | A comma separated list of metatype names |
Type | The type of control: Gadget (readonly) |
Gadget type | The type of gadget: treeview (readonly) |
Margin | Margin size around the gadget |
Fixed width | Fix the gadget width (True | False) |
Fixed height | Fix the gadget height (True | False) |
Inline | Render the gadget inline rather than it its own column (True | False) |
Stretch width | Auto stretch the width of the gadget into the width of the section (True | False) |
Geometry
Attribute | Description |
---|---|
Absolute | Enable or disable absolute positioning (True | False) |
Top | Top position in pixels |
Left | Left position in pixels |
Width | Width in pixels |
Height | Height in pixels |
CSS style | CSS style (separate attributes with ; or use app:/filename.css) |
Caption
Attribute | Description |
---|---|
Caption | The caption for the gadget |
Background color | The background color for the caption |
Foreground color | The foreground color for the caption |
Font | The font for the caption |
Icon | The image for the caption (png | jpg | gif). Use app:/imagename.ext for app specific images. |
Border width | The caption border width |
Border color | The caption border color |
Transparency | Specify a transparency percentage from 0 to 100 |
Gradient colors | Render the caption color as a gradient (True | False) |
Gradient type | Specify the gradient type |
Gradient start color | Gradient start color |
Gradient end color | Gradient end color |
Data
Attribute | Description |
---|---|
Tree items | A list of items to display in the Tree, e.g. Static list of choices: Apples,Oranges,Bananas Dynamic list of choices from a table: @tablename,expression Dynamic list of choices from a table (SQL SELECT): select expression from tablename |
Columns to group by | The number of columns to group by to form the tree hierarchy. When grouping data, use a SQL SELECT ORDER BY clause. |
Selection column | The column to substitute into the Click/DblClick delegate. Use {} in the delegate where you want the text from this column to be placed. |
CSS style | CSS style for the gadget (separate attributes with ; or use app:/filename.css) |
Column icons | A comma separated list of column icons. |
Hide column headers | Hide the column headers (True | False) |
Row height | Row height for the Tree items |
Font size | Font size for the Tree items |
Expand all | Expand all Tree items when first loaded (True | False) |
Expand depth | Expand all Tree items when first loaded to this depth |
Show indicators | Show expand/collapse indicators in the tree (True | False) |
Background color | The background color for the gadget |
Foreground color | The foreground color for the gadget |
Other Options
Attribute | Description |
---|---|
Hide header | Hide gadget header at runtime (True | False) |
Custom Delegates
Attribute | Description |
---|---|
Init | The delegate for the Init event |
Load | The delegate for the Load event |
Ready | The delegate for the Ready event |
Click | The delegate for the item Clicked event |
Double Click | The delegate for the item Double Clicked event |
Permissions and Roles
Attribute | Description |
---|---|
Read roles | A comma separated list of roles that can read (and view) the data |
Update roles | A comma separated list of roles that can perform update operations on the data |
UI Presentation Rules
Attribute | Description |
---|---|
Desktop | Include this gadget in a Desktop client (True | False) |
Web | Include this gadget in a Web client (True | False) |
Tablet | Include this gadget in a Tablet client (True | False) |
Phone | Include this gadget in a Phone client (True | False) |
UI States | UI states that affect this gadget. Specify multiple states as a comma separated list. |
Initial UI state | The initial UI state for this gadget. |
Readonly when | Gadget is readonly at runtime if specified expression evaluates to true. |
Visible when | Gadget is visible at runtime if specified expression evaluates to true. |
Display orientation | Display depending on mobile device orientation for Tablets and Phones. (Always | Portrait | Landscape) |
Apply rules on change | Apply Page UI presentation rules (Visible when and Readonly when) when data is changed interactively or when navigating records (True | False) |