Difference between revisions of "Webview Section Attributes"

From Lianjapedia
Jump to: navigation, search
(Created page with "''Under construction'' ==Details== {| class="wikitable" width="100%" !width="20%"|Attribute !width="40%"|Description !width="20%"|More !Desktop||Web||Tablet||Phone |- |valign=...")
 
Line 19: Line 19:
 
|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"|Foreground color||Section foreground color||||||||||
 
|valign="top"|Foreground color||Section foreground color||||||||||
 
|-
 
|-
|valign="top"|Gradient colors||Render the background color as a gradient (True|False)||||||||||
+
|valign="top"|Gradient colors||Render the 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 48: Line 48:
 
|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&#124;False)||||||||||
+
|valign="top"|Add spacer at bottom||Add spacer at bottom of section (True &#124; False)||||||||||
 
|-
 
|-
 
|}
 
|}
Line 59: Line 59:
 
!Desktop||Web||Tablet||Phone
 
!Desktop||Web||Tablet||Phone
 
|-
 
|-
|valign="top"|Hide header||Hide section header at runtime(True&#124;False)||||||||||
+
|valign="top"|Hide header||Hide section header at runtime(True &#124; False)||||||||||
 
|-
 
|-
|valign="top"|Hide actionbar||Hide actionbar buttons in the section header (True&#124;False)||||||||||
+
|valign="top"|Hide actionbar||Hide actionbar buttons in the section header (True &#124; 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&#124;jpg&#124;gif).<br>Use app:/imagename.ext for app specific images.||||||||||
+
|valign="top"|Header icon||The image for the Header (png &#124; jpg &#124; gif).<br>Use app:/imagename.ext for app specific images.||||||||||
 
|-
 
|-
|valign="top"|Gradient colors||Render the Header background color as a gradient (True&#124;False)||||||||||
+
|valign="top"|Gradient colors||Render the Header background color as a gradient (True &#124; 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 75: Line 75:
 
|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&#124;False)||||||||||
+
|valign="top"|Show OK/Cancel buttons||Show OK/Cancel buttons in the section header (True &#124; False)||||||||||
 
|-
 
|-
|valign="top"|Show Add/Delete buttons||Show Add/Delete buttons in the section header (True&#124;False)||||||||||
+
|valign="top"|Show Add/Delete buttons||Show Add/Delete buttons in the section header (True &#124; False)||||||||||
 
|-
 
|-
|valign="top"|Show Print button||Show Print button in the section header (True&#124;False)||||||||||
+
|valign="top"|Show Print button||Show Print button in the section header (True &#124; False)||||||||||
 
|-
 
|-
|valign="top"|Hide custom search icon||Hide the custom search icon (True&#124;False)||||||||||
+
|valign="top"|Hide custom search icon||Hide the custom search icon (True &#124; False)||||||||||
 
|-
 
|-
|valign="top"|Show info tips icon||Show the info tips icon in the section header (True&#124;False)||||||||||
+
|valign="top"|Show info tips icon||Show the info tips icon in the section header (True &#124; False)||||||||||
 
|-
 
|-
|valign="top"|Show help icon||Show the help icon in the section header (True&#124;False)||||||||||
+
|valign="top"|Show help icon||Show the help icon in the section header (True &#124; 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 100: Line 100:
 
|valign="top"|Data source||The table and varchar column that this WebView is bound to, e.g. table.column||||||||||
 
|valign="top"|Data source||The table and varchar column that this WebView is bound to, e.g. table.column||||||||||
 
|-
 
|-
|valign="top"|Editable content||HTML content is editable(based on user roles and permissions) (True&#124;False).||||||||||
+
|valign="top"|Editable content||HTML content is editable(based on user roles and permissions) (True &#124; False).||||||||||
 
|-
 
|-
|valign="top"|Edit when clicked||Edit HTML content when mouse is clicked (True&#124;False).||||||||||
+
|valign="top"|Edit when clicked||Edit HTML content when mouse is clicked (True &#124; False).||||||||||
 
|-
 
|-
|valign="top"|Edit when double clicked||Edit HTML content when mouse is double clicked (True&#124;False).||||||||||
+
|valign="top"|Edit when double clicked||Edit HTML content when mouse is double clicked (True &#124; False).||||||||||
 
|-
 
|-
 
|valign="top"|URL||The URL to be rendered in this WebView section||||||||||
 
|valign="top"|URL||The URL to be rendered in this WebView section||||||||||
Line 112: Line 112:
 
|valign="top"|Password||The URL to be rendered in this WebView section||||||||||
 
|valign="top"|Password||The URL to be rendered in this WebView section||||||||||
 
|-
 
|-
|valign="top"|Scripting language||The default scripting language for this WebView code (Inherit&#124;Recital&#124;Visual FoxPro&#124;Python&#124;JavaScript&#124;PHP)||||||||||
+
|valign="top"|Scripting language||The default scripting language for this WebView code (Inherit &#124; Recital &#124; Visual FoxPro &#124; Python &#124; JavaScript &#124; PHP)||||||||||
 
|-
 
|-
 
|valign="top"|Custom library||The file containing the custom code for this WebView section||||||||||
 
|valign="top"|Custom library||The file containing the custom code for this WebView section||||||||||
Line 127: Line 127:
 
|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&#124;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 &#124; False).  If this is unchecked then you need to manually relate it in the parentdatachanged delegate.||||||||||
 
|-
 
|-
 
|}
 
|}
Line 138: Line 138:
 
!Desktop||Web||Tablet||Phone
 
!Desktop||Web||Tablet||Phone
 
|-
 
|-
|valign="top"|Visible||Section menu visible (True&#124;False)||||||||||
+
|valign="top"|Visible||Section menu visible (True &#124; False)||||||||||
 
|-
 
|-
 
|valign="top"|Height||Section menu height||||||||||
 
|valign="top"|Height||Section menu height||||||||||
Line 159: Line 159:
 
!Desktop||Web||Tablet||Phone
 
!Desktop||Web||Tablet||Phone
 
|-
 
|-
|valign="top"|Visible||Section search panel visible (True&#124;False)||||||||||
+
|valign="top"|Visible||Section search panel visible (True &#124; False)||||||||||
 
|-
 
|-
 
|valign="top"|Width||Section search panel width||||||||||
 
|valign="top"|Width||Section search panel width||||||||||
Line 169: Line 169:
 
|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&#124;False).||||||||||
+
|valign="top"|Auto create||Automatically create custom search panel for all search fields in this section (True &#124; 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 182: Line 182:
 
!Desktop||Web||Tablet||Phone
 
!Desktop||Web||Tablet||Phone
 
|-
 
|-
|valign="top"|Visible||Section subtitle visible (True&#124;False)||||||||||
+
|valign="top"|Visible||Section subtitle visible (True &#124; False)||||||||||
 
|-
 
|-
 
|valign="top"|Caption||Section subtitle caption||||||||||
 
|valign="top"|Caption||Section subtitle caption||||||||||
Line 205: Line 205:
 
!Desktop||Web||Tablet||Phone
 
!Desktop||Web||Tablet||Phone
 
|-
 
|-
|valign="top"|Visible||Section footer visible (True&#124;False)||||||||||
+
|valign="top"|Visible||Section footer visible (True &#124; False)||||||||||
 
|-
 
|-
 
|valign="top"|Caption||Section footer caption||||||||||
 
|valign="top"|Caption||Section footer caption||||||||||
Line 228: Line 228:
 
!Desktop||Web||Tablet||Phone
 
!Desktop||Web||Tablet||Phone
 
|-
 
|-
|valign="top"|Delegate hyperlinks||Delegate hyperlinks in page to page and/or section (True&#124;False)||||||||||
+
|valign="top"|Delegate hyperlinks||Delegate hyperlinks in page to page and/or section (True &#124; False)||||||||||
 
|-
 
|-
 
|valign="top"|Delegate page||Delegate page name to search (leave blank if current page)||||||||||
 
|valign="top"|Delegate page||Delegate page name to search (leave blank if current page)||||||||||
Line 245: Line 245:
 
!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&#124;False)||||||||||
+
|valign="top"|Hide form NavBar||Hide form Navigation Bar at runtime if this section is in an AccordionStack (True &#124; False)||||||||||
 
|-
 
|-
|valign="top"|Collapsable||The section is collapsible at runtime (True&#124;False)||||||||||
+
|valign="top"|Collapsable||The section is collapsible at runtime (True &#124; False)||||||||||
 
|-
 
|-
|valign="top"|Exclude from accordion||The section is excluded from accordion behavior at runtime (True&#124;False)||||||||||
+
|valign="top"|Exclude from accordion||The section is excluded from accordion behavior at runtime (True &#124; False)||||||||||
 
|-
 
|-
 
|}
 
|}
Line 260: Line 260:
 
!Desktop||Web||Tablet||Phone
 
!Desktop||Web||Tablet||Phone
 
|-
 
|-
|valign="top"|Scripting language||The default scripting language for custom code in this section (Inherit&#124;Recital&#124;Visual FoxPro&#124;Python&#124;JavaScript&#124;PHP)||||||||||
+
|valign="top"|Scripting language||The default scripting language for custom code in this section (Inherit &#124; Recital &#124; Visual FoxPro &#124; Python &#124; JavaScript &#124; 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 348: Line 348:
 
!Desktop||Web||Tablet||Phone
 
!Desktop||Web||Tablet||Phone
 
|-
 
|-
|valign="top"|Desktop||Include this section in a Desktop client (True&#124;False)||||||||||  
+
|valign="top"|Desktop||Include this section in a Desktop client (True &#124; False)||||||||||  
 
|-
 
|-
|valign="top"|Web||Include this section in a Web client (True&#124;False)||||||||||
+
|valign="top"|Web||Include this section in a Web client (True &#124; False)||||||||||
 
|-
 
|-
|valign="top"|Tablet||Include this section in a Tablet client (True&#124;False)||||||||||
+
|valign="top"|Tablet||Include this section in a Tablet client (True &#124; False)||||||||||
 
|-
 
|-
|valign="top"|Phone||Include this section in a Phone client (True&#124;False)||||||||||
+
|valign="top"|Phone||Include this section in a Phone client (True &#124; 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 364: Line 364:
 
|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&#124;Portrait&#124;Landscape)||||||||||
+
|valign="top"|Display orientation||Display depending on mobile device orientation for Tablets and Phones. (Always &#124; Portrait &#124; 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&#124;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 &#124; 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&#124;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 &#124; False)||||||||||
 
|-
 
|-
 
|}
 
|}

Revision as of 06:47, 9 December 2014

Under construction

Details

Attribute Description More Desktop Web Tablet Phone
Name The name for this section (unique to the page)
Type The type of section: webview (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
Font Section font
Background color Section background color
Foreground color Section foreground color
Gradient colors Render the 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
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

Data

Attribute Description More Desktop Web Tablet Phone
Data source The table and varchar column that this WebView is bound to, e.g. table.column
Editable content HTML content is editable(based on user roles and permissions) (True | False).
Edit when clicked Edit HTML content when mouse is clicked (True | False).
Edit when double clicked Edit HTML content when mouse is double clicked (True | False).
URL The URL to be rendered in this WebView section
Username The URL to be rendered in this WebView section
Password The URL to be rendered in this WebView section
Scripting language The default scripting language for this WebView code (Inherit | Recital | Visual FoxPro | Python | JavaScript | PHP)
Custom library The file containing the custom code for this WebView section

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.

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)

Footer

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()

Behavior

Attribute Description More Desktop Web Tablet Phone
Delegate hyperlinks Delegate hyperlinks in page to page and/or section (True | False)
Delegate page Delegate page name to search (leave blank if current page)
Delegate section Delegate section name (leave blank if default searchkey section on page)
Delegate script Delegate script name (URL is passed as character string)

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
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

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)