Difference between revisions of "Listview 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: listview (readonly) | + | |valign="top"|Gadget type||The type of gadget: listview (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"|Data source||The table and column that this gadget is bound to. | + | |valign="top"|Data source||The table and column that this gadget is bound to. |
|- | |- | ||
| − | |valign="top"|List items||A list of items, e.g.<br>Static list of choices:<br>Apples,Oranges,Bananas<br>Static list of choices with (preceding) image:<br>Apples@image,Oranges@image,Bananas@image<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"|List items||A list of items, e.g.<br>Static list of choices:<br>Apples,Oranges,Bananas<br>Static list of choices with (preceding) image:<br>Apples@image,Oranges@image,Bananas@image<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"|Editable||Data is editable (True | False) | + | |valign="top"|Editable||Data is editable (True | False) |
|- | |- | ||
| − | |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"|Header labels||A comma separated list of header labels | + | |valign="top"|Header labels||A comma separated list of header labels |
|- | |- | ||
| − | |valign="top"|Column widths||A comma separated list of column widths | + | |valign="top"|Column widths||A comma separated list of column widths |
|- | |- | ||
| − | |valign="top"|Column alignments||A comma separated list of column alignments, e.g.left,right,center | + | |valign="top"|Column alignments||A comma separated list of column alignments, e.g.left,right,center |
|- | |- | ||
| − | |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 109: | Line 103: | ||
{| 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 135: | Line 127: | ||
{| 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 148: | Line 138: | ||
{| 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 Listview Gadget]] | [[Category:Attributes|4 Listview Gadget]] | ||
Revision as of 08:48, 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: listview (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 |
|---|---|
| Data source | The table and column that this gadget is bound to. |
| List items | A list of items, e.g. Static list of choices: Apples,Oranges,Bananas Static list of choices with (preceding) image: Apples@image,Oranges@image,Bananas@image Dynamic list of choices from a table: @tablename,expression Dynamic list of choices from a table (SQL SELECT): select expression from tablename |
| Editable | Data is editable (True | False) |
| CSS style | CSS style for the gadget (separate attributes with ; or use app:/filename.css) |
| Header labels | A comma separated list of header labels |
| Column widths | A comma separated list of column widths |
| Column alignments | A comma separated list of column alignments, e.g.left,right,center |
| 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 |
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) |
