Difference between revisions of "Charts Section Attributes"
From Lianjapedia
Yvonne.milne (Talk | contribs) |
Yvonne.milne (Talk | contribs) |
||
Line 74: | Line 74: | ||
{| class="wikitable" width="100%" | {| class="wikitable" width="100%" | ||
!width="20%"|Attribute | !width="20%"|Attribute | ||
− | !width=" | + | !width="80%"|Description |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
|- | |- | ||
|valign="top"|[[Chart Options#Graph type|Graph type]]||Select from a known chart type: Horizontal Bar | Vertical Bar | Line | Pie | Gantt | Bipolar | Funnel | Radar | Rose | Scatter | Radial Scatter | Thermometer | Waterfall | Vertical Progress Bar | Horizontal Progress Bar | |valign="top"|[[Chart Options#Graph type|Graph type]]||Select from a known chart type: Horizontal Bar | Vertical Bar | Line | Pie | Gantt | Bipolar | Funnel | Radar | Rose | Scatter | Radial Scatter | Thermometer | Waterfall | Vertical Progress Bar | Horizontal Progress Bar | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Chart Options#URL|URL]]||The generated URL that will be rendered in the chart section | |valign="top"|[[Chart Options#URL|URL]]||The generated URL that will be rendered in the chart section | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Chart Options#Size|Width]]||The chart width | |valign="top"|[[Chart Options#Size|Width]]||The chart width | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Chart Options#Size|Height]]||The chart height | |valign="top"|[[Chart Options#Size|Height]]||The chart height | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Chart Options#Size|Left gutter]]||The chart left gutter width in pixels | |valign="top"|[[Chart Options#Size|Left gutter]]||The chart left gutter width in pixels | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Chart Options#Size|Right gutter]]||The chart right gutter width in pixels | |valign="top"|[[Chart Options#Size|Right gutter]]||The chart right gutter width in pixels | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Chart Options#Size|Top gutter]]||The chart top gutter height in pixels | |valign="top"|[[Chart Options#Size|Top gutter]]||The chart top gutter height in pixels | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Chart Options#Size|Bottom gutter]]||The chart bottom gutter height in pixels | |valign="top"|[[Chart Options#Size|Bottom gutter]]||The chart bottom gutter height in pixels | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Chart Options#Appearance|Background color]]||The color of the chart canvas as an HTML style color | |valign="top"|[[Chart Options#Appearance|Background color]]||The color of the chart canvas as an HTML style color | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Chart Options#Appearance|Shadow]]||Enable or disable 3D shadowing (True | False). | |valign="top"|[[Chart Options#Appearance|Shadow]]||Enable or disable 3D shadowing (True | False). | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Chart Options#Appearance|Effects]]||Enable or disable special effects for displaying the chart (True | False). | |valign="top"|[[Chart Options#Appearance|Effects]]||Enable or disable special effects for displaying the chart (True | False). | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Chart Options#Appearance|Gradient colors]]||Enable or disable gradient colors (True | False). | |valign="top"|[[Chart Options#Appearance|Gradient colors]]||Enable or disable gradient colors (True | False). | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Chart Options#Appearance|Gradient start color]]||The start gradient color | |valign="top"|[[Chart Options#Appearance|Gradient start color]]||The start gradient color | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Chart Options#Appearance|Gradient end color]]||The end gradient color | |valign="top"|[[Chart Options#Appearance|Gradient end color]]||The end gradient color | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Chart Options#Title|Title]]||The chart title | |valign="top"|[[Chart Options#Title|Title]]||The chart title | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Chart Options#Title|Title foreground color]]||The chart title foreground color | |valign="top"|[[Chart Options#Title|Title foreground color]]||The chart title foreground color | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Chart Options#Title|Title background color]]||The chart title background color | |valign="top"|[[Chart Options#Title|Title background color]]||The chart title background color | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Chart Options#Data|Data]]||The comma separated list of chart data. For grouped data, separate the groups with a | character. | |valign="top"|[[Chart Options#Data|Data]]||The comma separated list of chart data. For grouped data, separate the groups with a | character. | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Chart Options#Labels|Labels]]||The chart labels | |valign="top"|[[Chart Options#Labels|Labels]]||The chart labels | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Chart Options#Labels|Label foreground color]]||The chart label foreground color | |valign="top"|[[Chart Options#Labels|Label foreground color]]||The chart label foreground color | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Chart Options#Labels|Labels above]]||Enable or disable displaying a summary label next to the segment (True | False). | |valign="top"|[[Chart Options#Labels|Labels above]]||Enable or disable displaying a summary label next to the segment (True | False). | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Chart Options#Labels|Legend labels]]||The chart legend labels | |valign="top"|[[Chart Options#Labels|Legend labels]]||The chart legend labels | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Chart Options#Tooltips|Tooltips]]||A comma separated list of tooltips that are passed to the delegate | |valign="top"|[[Chart Options#Tooltips|Tooltips]]||A comma separated list of tooltips that are passed to the delegate | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Chart Options#Appearance|Colors]]||A comma separated list of HTML style colors (one for each segment) | |valign="top"|[[Chart Options#Appearance|Colors]]||A comma separated list of HTML style colors (one for each segment) | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Chart Options#Delegate|Delegate]]||An optional delegate to be called when segments of the chart are selected. By default the 'tooltip' for the segment selected will be used as a search key in any child sections. | |valign="top"|[[Chart Options#Delegate|Delegate]]||An optional delegate to be called when segments of the chart are selected. By default the 'tooltip' for the segment selected will be used as a search key in any child sections. | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|} | |} | ||
Line 246: | Line 142: | ||
{| class="wikitable" width="100%" | {| class="wikitable" width="100%" | ||
!width="20%"|Attribute | !width="20%"|Attribute | ||
− | !width=" | + | !width="80%"|Description |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
|- | |- | ||
|valign="top"|[[Section Menus#Visible|Visible]]||Section menu visible (True | False) | |valign="top"|[[Section Menus#Visible|Visible]]||Section menu visible (True | False) | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Section Menus#Height|Height]]||Section menu height | |valign="top"|[[Section Menus#Height|Height]]||Section menu height | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Section Menus#Background color|Background color]]||Section menu background color | |valign="top"|[[Section Menus#Background color|Background color]]||Section menu background color | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Section Menus#Foreground color|Foreground color]]||Section menu foreground color | |valign="top"|[[Section Menus#Foreground color|Foreground color]]||Section menu foreground color | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Section Menus#Custom menu|Custom menu]]||Section menu contents | |valign="top"|[[Section Menus#Custom menu|Custom menu]]||Section menu contents | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Section Menus#Custom action|Custom action]]||Action to perform when a menu item is selected | |valign="top"|[[Section Menus#Custom action|Custom action]]||Action to perform when a menu item is selected | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|} | |} | ||
Line 293: | Line 161: | ||
{| class="wikitable" width="100%" | {| class="wikitable" width="100%" | ||
!width="20%"|Attribute | !width="20%"|Attribute | ||
− | !width=" | + | !width="80%"|Description |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
|- | |- | ||
|valign="top"|[[Section Search Panels#Visible|Visible]]||Section search panel visible (True | False) | |valign="top"|[[Section Search Panels#Visible|Visible]]||Section search panel visible (True | False) | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Section Search Panels#Height|Height]]||Section search panel height | |valign="top"|[[Section Search Panels#Height|Height]]||Section search panel height | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Section Search Panels#Background color|Background color]]||Section search panel background color | |valign="top"|[[Section Search Panels#Background color|Background color]]||Section search panel background color | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Section Search Panels#Foreground color|Foreground color]]||Section search panel foreground color | |valign="top"|[[Section Search Panels#Foreground color|Foreground color]]||Section search panel foreground color | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Section Search Panels#Auto create|Auto create]]||Automatically create search panel for all Section search fields | |valign="top"|[[Section Search Panels#Auto create|Auto create]]||Automatically create search panel for all Section search fields | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Section Search Panels#Custom search panel|Custom search panel]]||The delegate used to create the custom search panel | |valign="top"|[[Section Search Panels#Custom search panel|Custom search panel]]||The delegate used to create the custom search panel | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|} | |} | ||
Line 340: | Line 180: | ||
{| class="wikitable" width="100%" | {| class="wikitable" width="100%" | ||
!width="20%"|Attribute | !width="20%"|Attribute | ||
− | !width=" | + | !width="80%"|Description |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
|- | |- | ||
|valign="top"|[[Section Subtitles#Visible|Visible]]||Section subtitle visible (True | False) | |valign="top"|[[Section Subtitles#Visible|Visible]]||Section subtitle visible (True | False) | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Section Subtitles#Caption|Caption]]||Section subtitle caption | |valign="top"|[[Section Subtitles#Caption|Caption]]||Section subtitle caption | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Section Subtitles#Height|Height]]||Section subtitle height | |valign="top"|[[Section Subtitles#Height|Height]]||Section subtitle height | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Section Subtitles#Background color|Background color]]||Section subtitle background color | |valign="top"|[[Section Subtitles#Background color|Background color]]||Section subtitle background color | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Section Subtitles#Foreground color|Foreground color]]||Section subtitle foreground color | |valign="top"|[[Section Subtitles#Foreground color|Foreground color]]||Section subtitle foreground color | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Section Subtitles#Font|Font]]||Section subtitle font | |valign="top"|[[Section Subtitles#Font|Font]]||Section subtitle font | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Section Subtitles#CSS style|CSS style]]||CSS style | |valign="top"|[[Section Subtitles#CSS style|CSS style]]||CSS style | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|} | |} | ||
Line 394: | Line 202: | ||
!width="20%"|Attribute | !width="20%"|Attribute | ||
!width="40%"|Description | !width="40%"|Description | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Section Footers#Visible|Visible]]||Section footer visible (True | False) | |valign="top"|[[Section Footers#Visible|Visible]]||Section footer visible (True | False) | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Section Footers#Caption|Caption]]||Section footer caption | |valign="top"|[[Section Footers#Caption|Caption]]||Section footer caption | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Section Footers#Height|Height]]||Section footer height | |valign="top"|[[Section Footers#Height|Height]]||Section footer height | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Section Footers#Background color|Background color]]||Section footer background color | |valign="top"|[[Section Footers#Background color|Background color]]||Section footer background color | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Section Footers#Foreground color|Foreground color]]||Section footer foreground color | |valign="top"|[[Section Footers#Foreground color|Foreground color]]||Section footer foreground color | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Section Footers#Custom menu|Custom menu]]||Section footer menu contents | |valign="top"|[[Section Footers#Custom menu|Custom menu]]||Section footer menu contents | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Section Footers#Custom action|Custom action]]||Action to perform when a footer menu item is selected | |valign="top"|[[Section Footers#Custom action|Custom action]]||Action to perform when a footer menu item is selected | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Section Footers#Footer button CSS|Footer button CSS]]||Footer button CSS style | |valign="top"|[[Section Footers#Footer button CSS|Footer button CSS]]||Footer button CSS style | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Section Footers#Footer button width|Footer button width]]||Footer button width | |valign="top"|[[Section Footers#Footer button width|Footer button width]]||Footer button width | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|} | |} | ||
Line 498: | Line 266: | ||
{| class="wikitable" width="100%" | {| class="wikitable" width="100%" | ||
!width="20%"|Attribute | !width="20%"|Attribute | ||
− | !width=" | + | !width="80%"|Description |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
|- | |- | ||
|valign="top"|[[Users and Roles|Create roles]]||A comma separated list of roles that can perform create operations on data in the section | |valign="top"|[[Users and Roles|Create roles]]||A comma separated list of roles that can perform create operations on data in the section | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Users and Roles|Read roles]]||A comma separated list of roles that can read (and view) the section | |valign="top"|[[Users and Roles|Read roles]]||A comma separated list of roles that can read (and view) the section | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Users and Roles|Update roles]]||A comma separated list of roles that can perform update operations on data in the section | |valign="top"|[[Users and Roles|Update roles]]||A comma separated list of roles that can perform update operations on data in the section | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|valign="top"|[[Users and Roles|Delete roles]]||A comma separated list of roles that can perform delete operations on data in the section | |valign="top"|[[Users and Roles|Delete roles]]||A comma separated list of roles that can perform delete operations on data in the section | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|} | |} |
Revision as of 07:15, 20 May 2016
Contents
See Also
Chart Options, Data Visualization with Charts
Details
Attribute | Description |
---|---|
Name | The name for this section (unique to the page) |
Meta types | A comma separated list of metatype names |
Type | The type of section: chart (readonly) |
Caption | The section caption displayed in the section header |
Database | The database for this section |
Table | The table for this section |
Height | The section height |
Fixed height | Fix the section height (True | False) |
Auto layout percent | Auto layout percentage of page size. If set to 0, then all sections on a page are resized to an equal height |
Appearance
Attribute | Description |
---|---|
Margin | Margin size around the section |
Add spacer at bottom | Add spacer at bottom of section (True | False) |
Header
Attribute | Description |
---|---|
Hide header | Hide section header at runtime(True | False) |
Hide actionbar | Hide actionbar buttons in the section header (True | False) |
Header CSS style | CSS style (separate attributes with ; or use app:/filename.css) |
Header icon | The image for the Header (png | jpg | gif). Use app:/imagename.ext for app specific images. |
Gradient colors | Render the Header background color as a gradient (True | False) |
Gradient type | Specify the gradient type |
Gradient start color | Gradient start color |
Gradient end color | Gradient end color |
Show Print button | Show Print button in the section header (True | False) |
Hide custom search icon | Hide the custom search icon (True | False) |
Show info tips icon | Show the info tips icon in the section header (True | False) |
Show help icon | Show the help icon in the section header (True | False) |
Help topic | Help topic to display when the help icon is clicked in the section header |
Chart Options
Attribute | Description |
---|---|
Graph type | Select from a known chart type: Horizontal Bar | Vertical Bar | Line | Pie | Gantt | Bipolar | Funnel | Radar | Rose | Scatter | Radial Scatter | Thermometer | Waterfall | Vertical Progress Bar | Horizontal Progress Bar |
URL | The generated URL that will be rendered in the chart section |
Width | The chart width |
Height | The chart height |
Left gutter | The chart left gutter width in pixels |
Right gutter | The chart right gutter width in pixels |
Top gutter | The chart top gutter height in pixels |
Bottom gutter | The chart bottom gutter height in pixels |
Background color | The color of the chart canvas as an HTML style color |
Shadow | Enable or disable 3D shadowing (True | False). |
Effects | Enable or disable special effects for displaying the chart (True | False). |
Gradient colors | Enable or disable gradient colors (True | False). |
Gradient start color | The start gradient color |
Gradient end color | The end gradient color |
Title | The chart title |
Title foreground color | The chart title foreground color |
Title background color | The chart title background color |
Data | The comma separated list of chart data. For grouped data, separate the groups with a | character. |
Labels | The chart labels |
Label foreground color | The chart label foreground color |
Labels above | Enable or disable displaying a summary label next to the segment (True | False). |
Legend labels | The chart legend labels |
Tooltips | A comma separated list of tooltips that are passed to the delegate |
Colors | A comma separated list of HTML style colors (one for each segment) |
Delegate | An optional delegate to be called when segments of the chart are selected. By default the 'tooltip' for the segment selected will be used as a search key in any child sections. |
Related Data
Attribute | Description |
---|---|
Parent section name | Name of related parent section |
Automatically relate | Automatically relate the child section (True | False). If this is unchecked then you need to manually relate it in the parentdatachanged delegate. |
Menu
Attribute | Description |
---|---|
Visible | Section menu visible (True | False) |
Height | Section menu height |
Background color | Section menu background color |
Foreground color | Section menu foreground color |
Custom menu | Section menu contents |
Custom action | Action to perform when a menu item is selected |
Search Panel
Attribute | Description |
---|---|
Visible | Section search panel visible (True | False) |
Height | Section search panel height |
Background color | Section search panel background color |
Foreground color | Section search panel foreground color |
Auto create | Automatically create search panel for all Section search fields |
Custom search panel | The delegate used to create the custom search panel |
Subtitle
Attribute | Description |
---|---|
Visible | Section subtitle visible (True | False) |
Caption | Section subtitle caption |
Height | Section subtitle height |
Background color | Section subtitle background color |
Foreground color | Section subtitle foreground color |
Font | Section subtitle font |
CSS style | CSS style |
Attribute | Description |
---|---|
Visible | Section footer visible (True | False) |
Caption | Section footer caption |
Height | Section footer height |
Background color | Section footer background color |
Foreground color | Section footer foreground color |
Custom menu | Section footer menu contents |
Custom action | Action to perform when a footer menu item is selected |
Footer button CSS | Footer button CSS style |
Footer button width | Footer button width |
Other Options
Attribute | Description |
---|---|
Hide form NavBar | Hide form Navigation Bar at runtime if this section is in an Accordion Stack (True | False) |
Collapsable | The section is collapsible at runtime (True | False) |
Exclude from accordion | The section is excluded from accordion behavior at runtime (True | False) |
Custom Delegates
Attribute | Description |
---|---|
Scripting language | The default scripting language for custom code in this section (Inherit | Recital | Visual FoxPro | Python | JavaScript | PHP) |
Custom library | The filename of the library containing code for event handlers and custom procedures/functions |
Expanded | The delegate for the Expanded event |
Collapsed | The delegate for the Collapsed event |
Parent data changed | The delegate for the ParentDataChanged event |
Timer | The delegate for the Timer event |
Timer interval | The timer interval in seconds that the Timer event will be called at runtime |
Custom footer menu | The delegate for the footer menu event |
Custom search command | The delegate for the search event |
Custom section menu | The delegate for the section menu event |
Permissions and Roles
Attribute | Description |
---|---|
Create roles | A comma separated list of roles that can perform create operations on data in the section |
Read roles | A comma separated list of roles that can read (and view) the section |
Update roles | A comma separated list of roles that can perform update operations on data in the section |
Delete roles | A comma separated list of roles that can perform delete operations on data in the section |
UI Presentation Rules
Attribute | Description |
---|---|
Desktop | Include this section in a Desktop client (True | False). |
Web | Include this section in a Web client (True | False). |
Tablet | Include this section in a Tablet client (True | False). |
Phone | Include this section in a Phone client (True | False). |
UI States | UI states that affect this section. Specify multiple states as a comma separated list. |
Initial UI state | The initial UI state for this section. This will be applied to the section and all its fields and gadgets. |
Readonly when | Section is readonly at runtime if specified expression evaluates to true. |
Visible when | Section 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 UI presentation rules (Visible when and Readonly when) when data is changed interactively or when navigating records (True | False). |
Apply rules on parent change | Apply section UI presentation rules (Visible when and Readonly when) when parent data is changed by navigating records (True | False) |