Under construction
See Also
Data Visualization with Charts, Chart Options
Details
Attribute
|
Description
|
More
|
Desktop |
Web |
Tablet |
Phone
|
Name |
The name for this section (unique to the page) |
|
|
|
|
|
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) |
|
|
|
|
|
Appearance
Attribute
|
Description
|
More
|
Desktop |
Web |
Tablet |
Phone
|
Margin |
Margin size around the section |
|
|
|
|
|
Add spacer at bottom |
Add spacer at bottom of section (True | False) |
|
|
|
|
|
Attribute
|
Description
|
More
|
Desktop |
Web |
Tablet |
Phone
|
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
|
Desktop
|
Web
|
Tablet
|
Phone
|
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
|
More
|
Desktop |
Web |
Tablet |
Phone
|
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. |
|
|
|
|
|
Search Panel
Attribute
|
Description
|
Desktop
|
Web
|
Tablet
|
Phone
|
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
|
N/A
|
N/A
|
N/A
|
N/A
|
Custom search panel |
The delegate used to create the custom search panel
|
|
|
|
|
Subtitle
Other Options
Attribute
|
Description
|
More
|
Desktop |
Web |
Tablet |
Phone
|
Hide form NavBar |
Hide form Navigation Bar at runtime if this section is in an AccordionStack (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
|
More
|
Desktop |
Web |
Tablet |
Phone
|
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
|
Desktop
|
Web
|
Tablet
|
Phone
|
Create roles |
A comma separated list of roles that can perform create operations on data in the section
|
N/A
|
N/A
|
N/A
|
N/A
|
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
|
N/A
|
N/A
|
N/A
|
N/A
|
Delete roles |
A comma separated list of roles that can perform delete operations on data in the section
|
N/A
|
N/A
|
N/A
|
N/A
|
UI Presentation Rules
Attribute
|
Description
|
More
|
Desktop |
Web |
Tablet |
Phone
|
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 Page 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 Page UI presentation rules (Visible when and Readonly when) when parent data is changed by navigating records (True | False) |
|
|
|
|
|