Difference between revisions of "TabView Section Attributes"
From Lianjapedia
Yvonne.milne (Talk | contribs) (Created page with "''Under construction'' ==Details== {| class="wikitable" width="100%" !width="20%"|Attribute !width="40%"|Description !width="20%"|More !Desktop||Web||Tablet||Phone |- |valign=...") |
Yvonne.milne (Talk | contribs) |
||
| Line 17: | Line 17: | ||
|valign="top"|Height||The section height|||||||||| | |valign="top"|Height||The section height|||||||||| | ||
|- | |- | ||
| − | |valign="top"|Fixed height||Fix the section height (True|False)|||||||||| | + | |valign="top"|Fixed height||Fix the section height (True | False)|||||||||| |
|- | |- | ||
|} | |} | ||
| Line 36: | Line 36: | ||
|valign="top"|Margin||Margin size around the section|||||||||| | |valign="top"|Margin||Margin size around the section|||||||||| | ||
|- | |- | ||
| − | |valign="top"|Add spacer at bottom||Add spacer at bottom of section (True|False)|||||||||| | + | |valign="top"|Add spacer at bottom||Add spacer at bottom of section (True | False)|||||||||| |
|- | |- | ||
|} | |} | ||
| Line 47: | Line 47: | ||
!Desktop||Web||Tablet||Phone | !Desktop||Web||Tablet||Phone | ||
|- | |- | ||
| − | |valign="top"|Hide header||Hide section header at runtime(True|False)|||||||||| | + | |valign="top"|Hide header||Hide section header at runtime(True | False)|||||||||| |
|- | |- | ||
| − | |valign="top"|Hide actionbar||Hide actionbar buttons in the section header (True|False)|||||||||| | + | |valign="top"|Hide actionbar||Hide actionbar buttons in the section header (True | False)|||||||||| |
|- | |- | ||
|valign="top"|Header CSS style||CSS style (separate attributes with ; or use app:/filename.css)|||||||||| | |valign="top"|Header CSS style||CSS style (separate attributes with ; or use app:/filename.css)|||||||||| | ||
|- | |- | ||
| − | |valign="top"|Header icon||The image for the Header (png|jpg|gif).<br>Use app:/imagename.ext for app specific images.|||||||||| | + | |valign="top"|Header icon||The image for the Header (png | jpg | gif).<br>Use app:/imagename.ext for app specific images.|||||||||| |
|- | |- | ||
| − | |valign="top"|Gradient colors||Render the Header background color as a gradient (True|False)|||||||||| | + | |valign="top"|Gradient colors||Render the Header background color as a gradient (True | False)|||||||||| |
|- | |- | ||
|valign="top"|Gradient type||Specify the gradient type:<br>0=none<br>1=Vertical spread<br>2=Left to right<br>3=Right to left<br>4=Vertical centered<br>5=iPad style|||||||||| | |valign="top"|Gradient type||Specify the gradient type:<br>0=none<br>1=Vertical spread<br>2=Left to right<br>3=Right to left<br>4=Vertical centered<br>5=iPad style|||||||||| | ||
| Line 63: | Line 63: | ||
|valign="top"|Gradient end color||Gradient end color|||||||||| | |valign="top"|Gradient end color||Gradient end color|||||||||| | ||
|- | |- | ||
| − | |valign="top"|Show OK/Cancel buttons||Show OK/Cancel buttons in the section header (True|False)|||||||||| | + | |valign="top"|Show OK/Cancel buttons||Show OK/Cancel buttons in the section header (True | False)|||||||||| |
|- | |- | ||
| − | |valign="top"|Show Add/Delete buttons||Show Add/Delete buttons in the section header (True|False)|||||||||| | + | |valign="top"|Show Add/Delete buttons||Show Add/Delete buttons in the section header (True | False)|||||||||| |
|- | |- | ||
| − | |valign="top"|Show Print button||Show Print button in the section header (True|False)|||||||||| | + | |valign="top"|Show Print button||Show Print button in the section header (True | False)|||||||||| |
|- | |- | ||
| − | |valign="top"|Hide custom search icon||Hide the custom search icon (True|False)|||||||||| | + | |valign="top"|Hide custom search icon||Hide the custom search icon (True | False)|||||||||| |
|- | |- | ||
| − | |valign="top"|Show info tips icon||Show the info tips icon in the section header (True|False)|||||||||| | + | |valign="top"|Show info tips icon||Show the info tips icon in the section header (True | False)|||||||||| |
|- | |- | ||
| − | |valign="top"|Show help icon||Show the help icon in the section header (True|False)|||||||||| | + | |valign="top"|Show help icon||Show the help icon in the section header (True | False)|||||||||| |
|- | |- | ||
|valign="top"|Help topic||Help topic to display when the help icon is clicked in the section header|||||||||| | |valign="top"|Help topic||Help topic to display when the help icon is clicked in the section header|||||||||| | ||
| Line 88: | Line 88: | ||
|valign="top"|Parent section name||Name of related parent section|||||||||| | |valign="top"|Parent section name||Name of related parent section|||||||||| | ||
|- | |- | ||
| − | |valign="top"|Automatically relate||Automatically relate the child section (True|False). If this is unchecked then you need to manually relate it in the parentdatachanged delegate.|||||||||| | + | |valign="top"|Automatically relate||Automatically relate the child section (True | False). If this is unchecked then you need to manually relate it in the parentdatachanged delegate.|||||||||| |
|- | |- | ||
|valign="top"|Parent key||Parent key|||||||||| | |valign="top"|Parent key||Parent key|||||||||| | ||
| Line 103: | Line 103: | ||
!Desktop||Web||Tablet||Phone | !Desktop||Web||Tablet||Phone | ||
|- | |- | ||
| − | |valign="top"|Visible||Section menu visible (True|False)|||||||||| | + | |valign="top"|Visible||Section menu visible (True | False)|||||||||| |
|- | |- | ||
|valign="top"|Height||Section menu height|||||||||| | |valign="top"|Height||Section menu height|||||||||| | ||
| Line 124: | Line 124: | ||
!Desktop||Web||Tablet||Phone | !Desktop||Web||Tablet||Phone | ||
|- | |- | ||
| − | |valign="top"|Visible||Section search panel visible (True|False)|||||||||| | + | |valign="top"|Visible||Section search panel visible (True | False)|||||||||| |
|- | |- | ||
|valign="top"|Width||Section search panel width|||||||||| | |valign="top"|Width||Section search panel width|||||||||| | ||
| Line 134: | Line 134: | ||
|valign="top"|Foreground color||Section search panel foreground color|||||||||| | |valign="top"|Foreground color||Section search panel foreground color|||||||||| | ||
|- | |- | ||
| − | |valign="top"|Auto create||Automatically create custom search panel for all search fields in this section (True|False).|||||||||| | + | |valign="top"|Auto create||Automatically create custom search panel for all search fields in this section (True | False).|||||||||| |
|- | |- | ||
|valign="top"|Custom search panel||The delegate used to create the custom search panel.|||||||||| | |valign="top"|Custom search panel||The delegate used to create the custom search panel.|||||||||| | ||
| Line 147: | Line 147: | ||
!Desktop||Web||Tablet||Phone | !Desktop||Web||Tablet||Phone | ||
|- | |- | ||
| − | |valign="top"|Visible||Section subtitle visible (True|False)|||||||||| | + | |valign="top"|Visible||Section subtitle visible (True | False)|||||||||| |
|- | |- | ||
|valign="top"|Caption||Section subtitle caption|||||||||| | |valign="top"|Caption||Section subtitle caption|||||||||| | ||
| Line 170: | Line 170: | ||
!Desktop||Web||Tablet||Phone | !Desktop||Web||Tablet||Phone | ||
|- | |- | ||
| − | |valign="top"|Visible||Section footer visible (True|False)|||||||||| | + | |valign="top"|Visible||Section footer visible (True | False)|||||||||| |
|- | |- | ||
|valign="top"|Caption||Section footer caption|||||||||| | |valign="top"|Caption||Section footer caption|||||||||| | ||
| Line 193: | Line 193: | ||
!Desktop||Web||Tablet||Phone | !Desktop||Web||Tablet||Phone | ||
|- | |- | ||
| − | |valign="top"|Hide form NavBar||Hide form Navigation Bar at runtime if this section is in an AccordionStack (True|False)|||||||||| | + | |valign="top"|Hide form NavBar||Hide form Navigation Bar at runtime if this section is in an AccordionStack (True | False)|||||||||| |
|- | |- | ||
| − | |valign="top"|Collapsable||The section is collapsible at runtime (True|False)|||||||||| | + | |valign="top"|Collapsable||The section is collapsible at runtime (True | False)|||||||||| |
|- | |- | ||
| − | |valign="top"|Exclude from accordion||The section is excluded from accordion behavior at runtime (True|False)|||||||||| | + | |valign="top"|Exclude from accordion||The section is excluded from accordion behavior at runtime (True | False)|||||||||| |
|- | |- | ||
| − | |valign="top"|Hide TabBar at runtime||Hide the Tab Bar at runtime so tab pages are used as a stack of sections that can be selected programmatically (True|False)|||||||||| | + | |valign="top"|Hide TabBar at runtime||Hide the Tab Bar at runtime so tab pages are used as a stack of sections that can be selected programmatically (True | False)|||||||||| |
|- | |- | ||
|} | |} | ||
| Line 210: | Line 210: | ||
!Desktop||Web||Tablet||Phone | !Desktop||Web||Tablet||Phone | ||
|- | |- | ||
| − | |valign="top"|Scripting language||The default scripting language for custom code in this section (Inherit|Recital|Visual FoxPro|Python|JavaScript|PHP)|||||||||| | + | |valign="top"|Scripting language||The default scripting language for custom code in this section (Inherit | Recital | Visual FoxPro | Python | JavaScript | PHP)|||||||||| |
|- | |- | ||
|valign="top"|Custom library||The filename of the library containing code for event handlers and custom procedures/functions|||||||||| | |valign="top"|Custom library||The filename of the library containing code for event handlers and custom procedures/functions|||||||||| | ||
| Line 281: | Line 281: | ||
!Desktop||Web||Tablet||Phone | !Desktop||Web||Tablet||Phone | ||
|- | |- | ||
| − | |valign="top"|Gestures enabled||Enable gestures for this section: swipe, pan, pinch, tap and tapandhold (True|False).<br>If enabled, then the Gestures delegate will be called with two arguments, e.g. 'swipe','left' or 'swipe','right'|||||||||| | + | |valign="top"|Gestures enabled||Enable gestures for this section: swipe, pan, pinch, tap and tapandhold (True | False).<br>If enabled, then the Gestures delegate will be called with two arguments, e.g. 'swipe','left' or 'swipe','right'|||||||||| |
|- | |- | ||
|valign="top"|Swipe left gesture||The Swipe Left gesture delegate|||||||||| | |valign="top"|Swipe left gesture||The Swipe Left gesture delegate|||||||||| | ||
| Line 327: | Line 327: | ||
!Desktop||Web||Tablet||Phone | !Desktop||Web||Tablet||Phone | ||
|- | |- | ||
| − | |valign="top"|Desktop||Include this section in a Desktop client (True|False)|||||||||| | + | |valign="top"|Desktop||Include this section in a Desktop client (True | False)|||||||||| |
|- | |- | ||
| − | |valign="top"|Web||Include this section in a Web client (True|False)|||||||||| | + | |valign="top"|Web||Include this section in a Web client (True | False)|||||||||| |
|- | |- | ||
| − | |valign="top"|Tablet||Include this section in a Tablet client (True|False)|||||||||| | + | |valign="top"|Tablet||Include this section in a Tablet client (True | False)|||||||||| |
|- | |- | ||
| − | |valign="top"|Phone||Include this section in a Phone client (True|False)|||||||||| | + | |valign="top"|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.|||||||||| | |UI States||UI states that affect this section. Specify multiple states as a comma separated list.|||||||||| | ||
| Line 343: | Line 343: | ||
|valign="top"|Visible when||Section is visible at runtime if specified expression evaluates to true.|||||||||| | |valign="top"|Visible when||Section 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 section 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 section UI presentation rules (Visible when and Readonly when) when data is changed interactively or when navigating records (True | False)|||||||||| |
|- | |- | ||
| − | |valign="top"|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)|||||||||| | + | |valign="top"|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)|||||||||| |
|- | |- | ||
|} | |} | ||
Revision as of 05:46, 9 December 2014
Under construction
Contents
Details
| Attribute | Description | More | Desktop | Web | Tablet | Phone |
|---|---|---|---|---|---|---|
| Name | The name for this section (unique to the page) | |||||
| Type | The type of section: tabview (readonly) | |||||
| Caption | The section caption displayed in the section header | |||||
| Database | The database for this section | |||||
| Height | The section height | |||||
| Fixed height | Fix the section height (True | False) |
Appearance
| Attribute | Description | More | Desktop | Web | Tablet | Phone |
|---|---|---|---|---|---|---|
| Background color | Section background color | |||||
| Foreground color | Section foreground color | |||||
| Transparency | Specify a transparency percentage from 0 to 100 | |||||
| Margin | Margin size around the section | |||||
| Add spacer at bottom | Add spacer at bottom of section (True | False) |
Header
| 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: 0=none 1=Vertical spread 2=Left to right 3=Right to left 4=Vertical centered 5=iPad style |
|||||
| Gradient start color | Gradient start color | |||||
| Gradient end color | Gradient end color | |||||
| Show OK/Cancel buttons | Show OK/Cancel buttons in the section header (True | False) | |||||
| Show Add/Delete buttons | Show Add/Delete buttons in the section header (True | False) | |||||
| 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 |
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. | |||||
| Parent key | Parent key | |||||
| Child key | Child key |
Menu
| Attribute | Description | More | Desktop | Web | Tablet | Phone |
|---|---|---|---|---|---|---|
| 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 (comma separated list of values). Prefix with |, < or > to align center, left or right respectively. | |||||
| Custom action | Action to perform when a menuitem is selected | See SHOWDOCUMENT() |
Search Panel
| Attribute | Description | More | Desktop | Web | Tablet | Phone |
|---|---|---|---|---|---|---|
| Visible | Section search panel visible (True | False) | |||||
| Width | Section search panel width | |||||
| Height | Section search panel height | |||||
| Background color | Section search panel background color | |||||
| Foreground color | Section search panel foreground color | |||||
| Auto create | Automatically create custom search panel for all search fields in this section (True | False). | |||||
| Custom search panel | The delegate used to create the custom search panel. |
Subtitle
| Attribute | Description | More | Desktop | Web | Tablet | Phone |
|---|---|---|---|---|---|---|
| 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 (separate attributes with ; or use app:/filename.css) |
| Attribute | Description | More | Desktop | Web | Tablet | Phone |
|---|---|---|---|---|---|---|
| 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 (comma separated list of values). If this list starts with #, then the menuitems are displayed as centred buttons. Prefix with #< or #> to display the buttons aligned left or right respectively. | |||||
| Custom action | Action to perform when a footer menuitem is selected | See SHOWDOCUMENT() |
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) | |||||
| Hide TabBar at runtime | Hide the Tab Bar at runtime so tab pages are used as a stack of sections that can be selected programmatically (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 | |||||
| Enabled When | The delegate for the EnabledWhen event | |||||
| Visible When | The delegate for the VisibleWhen event | |||||
| Valid When | The delegate for the ValidWhen event | |||||
| Activate | The delegate for the Activate event | |||||
| Deactivate | The delegate for the Deactivate event | |||||
| Init | The delegate for the Init event | |||||
| Destroy | The delegate for the Destroy event | |||||
| Load | The delegate for the Load event | |||||
| Ready | The delegate for the Ready event | |||||
| Unload | The delegate for the Unload event | |||||
| Change | The delegate for the Change event | |||||
| Link Click | The delegate for the Hyperlink/Button Click event. This is called with two arguments: functionname(controlsource,text) | |||||
| Before Data Create | The delegate for the BeforeCreated event | |||||
| After Data Create | The delegate for the AfterCreated event | |||||
| After Data Changed | The delegate for the Changed event (after data is read) | |||||
| Before Data Update | The delegate for the BeforeUpdate event | |||||
| After Data Update | The delegate for the AfterUpdate event | |||||
| Before Data Delete | The delegate for the BeforeDelete event | |||||
| After Data Delete | The delegate for the AfterDelete event | |||||
| Refresh | The delegate for the Refresh event | |||||
| Parent data changed | The delegate for the ParentDataChanged event | |||||
| Dialog button delegate | The delegate for the DialogButtonClicked event. If a dialogbutton on a Field has no delegate, the Section delegate will be called. If the section has no delegate, then the Page delegate will be called. | |||||
| 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 |
Gestures
| Attribute | Description | More | Desktop | Web | Tablet | Phone |
|---|---|---|---|---|---|---|
| Gestures enabled | Enable gestures for this section: swipe, pan, pinch, tap and tapandhold (True | False). If enabled, then the Gestures delegate will be called with two arguments, e.g. 'swipe','left' or 'swipe','right' |
|||||
| Swipe left gesture | The Swipe Left gesture delegate | |||||
| Swipe right gesture | The Swipe Right gesture delegate | |||||
| Swipe up gesture | The Swipe Up gesture delegate | |||||
| Swipe down gesture | The Swipe Down gesture delegate | |||||
| Pan gesture | The Pan gesture delegate | |||||
| Pinch gesture | The Pinch gesture delegate | |||||
| Tap gesture | The Tap gesture delegate | |||||
| Tap and hold gesture | The Tap and Hold gesture delegate | |||||
| Gestures | The catch all delegate for the Gestures event |
Permissions and Roles
| Attribute | Description | More | Desktop | Web | Tablet | Phone |
|---|---|---|---|---|---|---|
| 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 | 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 section 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) |
