Difference between revisions of "Page Attributes"

Revision as of 06:15, 1 December 2014

Under construction

Details

Attribute	Description	More	Desktop	Web	Tablet	Phone
Name	The unique name for this page
Title	The menu title for this page
Menu icon image	The menu icon image for the title (png\|jpg\|gif). Use app:/imagename.ext for app specific images. Note that in the mobile client this icon will be displayed in the PageBar.
Autosave in Page Library	Always save this page to the UI Page Library when an App is saved.

Appearance

Attribute	Description	More	Desktop	Web	Tablet	Phone
Current page height	Current page height
Background color	Page background color
Foreground color	Page foreground color
CSS style	CSS style (separate attributes with ; or use app:/filename.css)
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
Background image	The background image for the page (png\|jpg\|gif). Use app:/imagename.ext for app specific images.
Stretch image	Stretch the background image to fill the page (True\|False)
Margin	Margin size around the page
Hide page from menu	Hide page from menu at runtime
Accordion behavior	Render as accordion sections (True\|False)
Use Accordions	Render as accordion sections on low resolution displays
Use Accordions height	Render as accordion sections on low resolution displays less than this height
Stacked behavior at runtime	Treat accordion sections as stacked at runtime allowing the sections to be made raised from the Navigation Panel
Stretch last section	Stretch last section to bottom of page
Stretch last section min height	If the last section is less than this height, then set it to this height and show page vertical scrollbar
Hide actionbar	Hide the actionbar
Sync actionbar buttons	Keep the actionbar buttons in sync with the current data position. Turn this off to improve performance with large amounts of data.
Show options icon	Show the options menu icon in the actionbar
Custom options menu	Custom options menu (comma separated list of values)
Show scrollbar	Show a vertical scrollbar for the page
Show scrollbar height	Show vertical scrollbar on low resolution displays less than this height
Refresh when activated	Refresh all sections on this page when the page is activated
Full page edit	Edit all editable sections on this page when the page is edited

Header

Attribute	Description	More	Desktop	Web	Tablet	Phone
Visible	Header visible (True\|False)
Caption	Header caption
Height	Header height
Background color	Header background color
Foreground color	Header foreground color
Header bottom border	Display Header bottom border (True\|False)
Header bottom border color	Header bottom border color
Header image	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
Hide header icon	Hide the header icon in the page Header (True\|False)
Hide search box	Hide the search box in the page Header (True\|False)
Minimum search text length	Minimum number of characters to type in the search box before search is made
Hide notifications icon	Hide the notifications icon in the page Header (True\|False)
Hide fullscreen icon	Hide the fullscreen icon in the page Header (True\|False)
Hide share icon	Hide the share icon in the page Header (True\|False)
Hide home icon	Hide the home icon in the page Header (True\|False)

Footer

Attribute	Description	More	Desktop	Web	Tablet	Phone
Visible	Footer visible (True\|False)
Height	Footer height
Background color	Footer background color
Foreground color	Footer foreground color
Footer image	The image for the Footer (png\|jpg\|gif). Use app:/imagename.ext for app specific images.
Gradient colors	Render the Footer 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
Gadget	The custom gadget to be rendered in the Footer
Refresh interval	The interval in seconds that the Footer content will be refreshed

Left Sidebar

Attribute	Description	More	Desktop	Web	Tablet	Phone
Show left sidebar	Show left sidebar (True\|False)
Collapse left sidebar	Collapse left sidebar when the App is first loaded (True\|False)
Width	Left sidebar width
Show left sidebar logo image	Show left sidebar logo image (True\|False)
Logo image	The logo displayed at the top of the left sidebar (png\|jpg\|gif). Use app:/imagename.ext for app specific images.
Show login panel	Show the login panel in the left sidebar (True\|False)
Show Apps	Show the Apps menu in the left sidebar (True\|False)
Show Apps Caption	Show the Apps caption above the Apps menu (True\|False)
Show Menu	Show the page menu in the left sidebar (True\|False)
Show Recent Items	Show Watches, Favorites, Recently Viewed/Modified items and Instant Selections in the left sidebar (True\|False)
Background color	Left sidebar background color
Foreground color	Left sidebar foreground color
Border color	Left sidebar border color
Favorite items	The number of Favorites to display
Recently viewed items	The number of Recently Viewed items to display
Recently modified items	The number of Recently Modified items to display
Watched items	The number of Watched items to display
Refresh interval	The interval in seconds that the Instant Selections content will be refreshed

Navigation panel

Attribute	Description	More	Desktop	Web	Tablet	Phone
Show navigation panel	Show a Navigation panel on the left side of the page (True\|False). By default this is a TreeGrid, so you can load it in the load delegate for the page and structure it as a Grid or a Tree.
Collapsable	Enable collapsing and expanding for the Navigation panel (True\|False)
Collapse when first loaded	Hide Navigation panel when first loaded. Use $("page:yourpagename?action=shownavigationpanel") to show it and $("page:yourpagename?action=hidenavigationpanel") to hide it again
Position on page	Navigation panel position on page(Left\|Right)
Show caption	Show Navigation panel caption (True\|False)
Caption height	Navigation panel caption height
Caption	Navigation panel caption
Width	Navigation panel width
Custom UI page	Specify an (optional) custom UI Page from the UI Page Library to embed into the Navigation panel
Show child indicators	Show child indicators
Alternating row colors	Alternating row colors
Double click to select	Check this if you want the selection delegate to be called on a double-click rather than a single click
Column headers	Specify a comma separated list of column headers
Data source	Specify a comma separated list of items to load as caption#icon or a SQL SELECT statement to load from a data source. Note that you can optionally load the Navigation panel in the load delegate for the page.
Selection column	When using a multi column TreeGrid, specify the column you want to select when calling the selection delegate
Item sync expression	Specify an expression to evaluate to keep the TreeGrid in sync while data is navigated in the page
Selection delegate	Specify a delegate to call when a row is clicked. Note that you can use an 'inline' delegate like this: $("section:yoursectionid?action=search&text={}") Notice how {} is used to substitute the value of the item selected.
Show ActionBar	Show the actionbar at the bottom of the Navigation panel (True\|False)
Add delegate	Specify a delegate to call when the 'Add' icon is clicked. Note that you can use an 'inline' delegate like this: $("section:yoursectionid?action=add")
Delete delegate	Specify a delegate to call when the 'Delete' icon is clicked. Note that you can use an 'inline' delegate like this: $("section:yoursectionid?action=delete")
Row height	Row height for the Tree items in the Navigation panel
Font size	Font size for the Tree items in the Navigation panel
CSS style	CSS style for the Navigation panel and its Tree (separate attributes with ; or use app:/filename.css)

Right Sidebar

Attribute	Description	More	Desktop	Web	Tablet	Phone
Show right sidebar	Show right sidebar (True\|False)
Collapse right sidebar	Collapse right sidebar when the App is first loaded (True\|False)
Width	Right sidebar width
Background color	Right sidebar background color
Foreground color	Right sidebar foreground color
Border color	Right sidebar border color
Custom content gadget	Gadget based on custom script
+ Show	Show the custom content gadget (True\|False)
+ Expanded	Expand the custom content gadget when the App is first loaded (True\|False)
+ Height	Custom content gadget height
+ Stretch	Stretch the custom content into the right sidebar (True\|False)
+ Caption	Custom content gadget caption
+ Gadget	The gadget to be displayed
+ Refresh interval	The interval in seconds that the content will be refreshed
Content gadget #1	Gadget based on URL
+ Show	Show the gadget (True\|False)
+ Expanded	Expand the gadget when the App is first loaded (True\|False)
+ Height	Gadget height
+ Stretch	Stretch the content into the right sidebar (True\|False)
+ Caption	Gadget caption
+ URL	The URL of the content to be displayed
+ Refresh interval	The interval in seconds that the content will be refreshed
Content gadget #2	Gadget based on URL
+ Show	Show the gadget (True\|False)
+ Expanded	Expand the gadget when the App is first loaded (True\|False)
+ Height	Gadget height
+ Stretch	Stretch the content into the right sidebar (True\|False)
+ Caption	Gadget caption
+ URL	The URL of the content to be displayed
+ Refresh interval	The interval in seconds that the content will be refreshed
Content gadget #3	Gadget based on URL
+ Show	Show the gadget (True\|False)
+ Expanded	Expand the gadget when the App is first loaded (True\|False)
+ Height	Gadget height
+ Stretch	Stretch the content into the right sidebar (True\|False)
+ Caption	Gadget caption
+ URL	The URL of the content to be displayed
+ Refresh interval	The interval in seconds that the content will be refreshed
Content gadget #4	Gadget based on URL
+ Show	Show the gadget (True\|False)
+ Expanded	Expand the gadget when the App is first loaded (True\|False)
+ Height	Gadget height
+ Stretch	Stretch the content into the right sidebar (True\|False)
+ Caption	Gadget caption
+ URL	The URL of the content to be displayed
+ Refresh interval	The interval in seconds that the content will be refreshed

Custom Delegates

Attribute	Description	More	Desktop	Web	Tablet	Phone
Scripting language	The default scripting language for custom code in this page (Inherit\|Recital\|Visual FoxPro\|Python\|JavaScript\|PHP)
Custom library	The filename of the library containing code for event handlers and custom procedures/functions
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
Timer	The delegate for the Timer event
Timer interval	The timer interval in seconds that the Timer event will be called at runtime
Custom menu	The delegate for the Custom menu event
Custom search	The delegate for the Search event
Instant search	The delegate for the Instant Search event. The text typed in the searchbox is passed as a parameter
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

Gestures

Attribute	Description	More	Desktop	Web	Tablet	Phone
Swipe navigation	Enable swipe left and swipe right to navigate between Pages (True\|False)
Gestures enabled	Enable gestures for this page: 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

Custom Actions

Attribute	Description	More	Desktop	Web	Tablet	Phone
Add action	The custom action function for Add. This will be called to add a record.
Delete action	The custom action function for Delete. This will be called to delete a record.
Refresh action	The custom action function for Refresh. This will be called to refresh the current record.
First action	The custom action function for First. This will be called to read the first record.
Previous action	The custom action function for Previous. This will be called to read the previous record.
Next action	The custom action function for Next. This will be called to read the next record.
Last action	The custom action function for Last. This will be called to read the last record.
Edit action	The custom action function for Edit. This will be called to edit the current record.
Save action	The custom action function for Save. This will be called to save changes.
Cancel action	The custom action function for Cancel. This will be called to cancel changes.

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 page
Read roles	A comma separated list of roles that can read (and view) the page
Update roles	A comma separated list of roles that can perform update operations on data in the page
Delete roles	A comma separated list of roles that can perform delete operations on data in the page

UI Presentation Rules

Attribute	Description	More	Desktop	Web	Tablet	Phone
Desktop	Include this page in a Desktop client (True\|False)
Web	Include this page in a Web client (True\|False)
Tablet	Include this page in a Tablet client (True\|False)
Phone	Include this page in a Phone client (True\|False)
UI States	UI states that affect this page. Specify multiple states as a comma separated list.
Initial UI state	The initial UI state for this page. This will be applied to the page and all its sections and fields.
Readonly when	Page is readonly at runtime if specified expression evaluates to true.
Visible when	Page is visible at runtime if specified expression evaluates to true.
Page transition effect	The page transition effect when navigating between pages on Web/Tablet/Phone. (None\|Fade\|Pop\|Flip\|Turn\|Flow\|SlideFade\|Slide\|SlideUp\|SlideDown)
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)

Page Center Tile

Attribute	Description	More	Desktop	Web	Tablet	Phone
Category	The category in which the Tile should be displayed in the Page Center
Tile caption	The caption for the Tile in the Page Center
Tile icon	The icon for the Tile in the Page Center
Tile size	The size of the Tile in the Page Center
Background color	The background color for the Tile displayed in the Page Center
Foreground color	The foreground color for the Tile displayed in the Page Center

@@ Line 3: / Line 3: @@
 {| class="wikitable" width="100%"
 !width="20%"|Attribute
-!width="60%"|Description
+!width="40%"|Description
 !width="20%"|More
+!Desktop||Web||Tablet||Phone
 |-
-|valign="top"|Name||The unique name for this page||
+|valign="top"|Name||The unique name for this page||||||||||
 |-
-|valign="top"|Title||The menu title for this page||
+|valign="top"|Title||The menu title for this page||||||||||
 |-
-|valign="top"|Menu icon image||The menu icon image for the title (png&#124;jpg&#124;gif).<br>Use app:/imagename.ext for app specific images.<br>Note that in the mobile client this icon will be displayed in the PageBar.||
+|valign="top"|Menu icon image||The menu icon image for the title (png&#124;jpg&#124;gif).<br>Use app:/imagename.ext for app specific images.<br>Note that in the mobile client this icon will be displayed in the PageBar.||||||||||
 |-
-|valign="top"|Autosave in Page Library||Always save this page to the UI Page Library when an App is saved.||
+|valign="top"|Autosave in Page Library||Always save this page to the UI Page Library when an App is saved.||||||||||
 |-
 |}
@@ Line 19: / Line 20: @@
 {| class="wikitable" width="100%"
 !width="20%"|Attribute
-!width="60%"|Description
+!width="40%"|Description
 !width="20%"|More
+!Desktop||Web||Tablet||Phone
 |-
-|valign="top"|Current page height||Current page height||
+|valign="top"|Current page height||Current page height||||||||||
 |-
-|valign="top"|Background color||Page background color||
+|valign="top"|Background color||Page background color||||||||||
 |-
-|valign="top"|Foreground color||Page foreground color||
+|valign="top"|Foreground color||Page foreground color||||||||||
 |-
-|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)||||||||||
 |-
-|valign="top"|Gradient colors||Render the background color as a gradient (True&#124;False)||
+|valign="top"|Gradient colors||Render the 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||||||||||
 |-
-|valign="top"|Gradient start color||Gradient start color||
+|valign="top"|Gradient start color||Gradient start color||||||||||
 |-
-|valign="top"|Gradient end color||Gradient end color||
+|valign="top"|Gradient end color||Gradient end 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"|Background image||The background image for the page (png&#124;jpg&#124;gif).<br>Use app:/imagename.ext for app specific images.||
+|valign="top"|Background image||The background image for the page (png&#124;jpg&#124;gif).<br>Use app:/imagename.ext for app specific images.||||||||||
 |-
-|valign="top"|Stretch image||Stretch the background image to fill the page (True&#124;False)||
+|valign="top"|Stretch image||Stretch the background image to fill the page (True&#124;False)||||||||||
 |-
-|valign="top"|Margin||Margin size around the page||
+|valign="top"|Margin||Margin size around the page||||||||||
 |-
-|valign="top"|Hide page from menu||Hide page from menu at runtime||
+|valign="top"|Hide page from menu||Hide page from menu at runtime||||||||||
 |-
-|valign="top"|Accordion behavior||Render as accordion sections (True&#124;False)||
+|valign="top"|Accordion behavior||Render as accordion sections (True&#124;False)||||||||||
 |-
-|valign="top"|Use Accordions||Render as accordion sections on low resolution displays||
+|valign="top"|Use Accordions||Render as accordion sections on low resolution displays||||||||||
 |-
-|valign="top"|Use Accordions height||Render as accordion sections on low resolution displays less than this height||
+|valign="top"|Use Accordions height||Render as accordion sections on low resolution displays less than this height||||||||||
 |-
-|valign="top"|Stacked behavior at runtime||Treat accordion sections as stacked at runtime allowing the sections to be made raised from the Navigation Panel||
+|valign="top"|Stacked behavior at runtime||Treat accordion sections as stacked at runtime allowing the sections to be made raised from the Navigation Panel||||||||||
 |-
-|valign="top"|Stretch last section||Stretch last section to bottom of page||
+|valign="top"|Stretch last section||Stretch last section to bottom of page||||||||||
 |-
-|valign="top"|Stretch last section min height||If the last section is less than this height, then set it to this height and show page vertical scrollbar||
+|valign="top"|Stretch last section min height||If the last section is less than this height, then set it to this height and show page vertical scrollbar||||||||||
 |-
-|valign="top"|Hide actionbar||Hide the actionbar||
+|valign="top"|Hide actionbar||Hide the actionbar||||||||||
 |-
-|valign="top"|Sync actionbar buttons||Keep the actionbar buttons in sync with the current data position.  Turn this off to improve performance with large amounts of data.||
+|valign="top"|Sync actionbar buttons||Keep the actionbar buttons in sync with the current data position.  Turn this off to improve performance with large amounts of data.||||||||||
 |-
-|valign="top"|Show options icon||Show the options menu icon in the actionbar||
+|valign="top"|Show options icon||Show the options menu icon in the actionbar||||||||||
 |-
-|valign="top"|Custom options menu||Custom options menu (comma separated list of values)||
+|valign="top"|Custom options menu||Custom options menu (comma separated list of values)||||||||||
 |-
-|valign="top"|Show scrollbar||Show a vertical scrollbar for the page||
+|valign="top"|Show scrollbar||Show a vertical scrollbar for the page||||||||||
 |-
-|valign="top"|Show scrollbar height||Show vertical scrollbar on low resolution displays less than this height||
+|valign="top"|Show scrollbar height||Show vertical scrollbar on low resolution displays less than this height||||||||||
 |-
-|valign="top"|Refresh when activated||Refresh all sections on this page when the page is activated||
+|valign="top"|Refresh when activated||Refresh all sections on this page when the page is activated||||||||||
 |-
-|valign="top"|Full page edit||Edit all editable sections on this page when the page is edited||
+|valign="top"|Full page edit||Edit all editable sections on this page when the page is edited||||||||||
 |-
 |}
@@ Line 81: / Line 83: @@
 {| class="wikitable" width="100%"
 !width="20%"|Attribute
-!width="60%"|Description
+!width="40%"|Description
 !width="20%"|More
+!Desktop||Web||Tablet||Phone
 |-
-|valign="top"|Visible||Header visible (True&#124;False)||
+|valign="top"|Visible||Header visible (True&#124;False)||||||||||
 |-
-|valign="top"|Caption||Header caption||
+|valign="top"|Caption||Header caption||||||||||
 |-
-|valign="top"|Height||Header height||
+|valign="top"|Height||Header height||||||||||
 |-
-|valign="top"|Background color||Header background color||
+|valign="top"|Background color||Header background color||||||||||
 |-
-|valign="top"|Foreground color||Header foreground color||
+|valign="top"|Foreground color||Header foreground color||||||||||
 |-
-|valign="top"|Header bottom border||Display Header bottom border (True&#124;False)||
+|valign="top"|Header bottom border||Display Header bottom border (True&#124;False)||||||||||
 |-
-|valign="top"|Header bottom border color||Header bottom border color||
+|valign="top"|Header bottom border color||Header bottom border color||||||||||
 |-
-|valign="top"|Header image||The image for the Header (png&#124;jpg&#124;gif).<br>Use app:/imagename.ext for app specific images.||
+|valign="top"|Header image||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||||||||||
 |-
-|valign="top"|Gradient start color||Gradient start color||
+|valign="top"|Gradient start color||Gradient start color||||||||||
 |-
-|valign="top"|Gradient end color||Gradient end color||
+|valign="top"|Gradient end color||Gradient end color||||||||||
 |-
-|valign="top"|Hide header icon||Hide the header icon in the page Header (True&#124;False)||
+|valign="top"|Hide header icon||Hide the header icon in the page Header (True&#124;False)||||||||||
 |-
-|valign="top"|Hide search box||Hide the search box in the page Header (True&#124;False)||
+|valign="top"|Hide search box||Hide the search box in the page Header (True&#124;False)||||||||||
 |-
-|valign="top"|Minimum search text length||Minimum number of characters to type in the search box before search is made||
+|valign="top"|Minimum search text length||Minimum number of characters to type in the search box before search is made||||||||||
 |-
-|valign="top"|Hide notifications icon||Hide the notifications icon in the page Header (True&#124;False)||
+|valign="top"|Hide notifications icon||Hide the notifications icon in the page Header (True&#124;False)||||||||||
 |-
-|valign="top"|Hide fullscreen icon||Hide the fullscreen icon in the page Header (True&#124;False)||
+|valign="top"|Hide fullscreen icon||Hide the fullscreen icon in the page Header (True&#124;False)||||||||||
 |-
-|valign="top"|Hide share icon||Hide the share icon in the page Header (True&#124;False)||
+|valign="top"|Hide share icon||Hide the share icon in the page Header (True&#124;False)||||||||||
 |-
-|valign="top"|Hide home icon||Hide the home icon in the page Header (True&#124;False)||
+|valign="top"|Hide home icon||Hide the home icon in the page Header (True&#124;False)||||||||||
 |-
 |}
@@ Line 127: / Line 130: @@
 {| class="wikitable" width="100%"
 !width="20%"|Attribute
-!width="60%"|Description
+!width="40%"|Description
 !width="20%"|More
+!Desktop||Web||Tablet||Phone
 |-
-|valign="top"|Visible||Footer visible (True&#124;False)||
+|valign="top"|Visible||Footer visible (True&#124;False)||||||||||
 |-
-|valign="top"|Height||Footer height||
+|valign="top"|Height||Footer height||||||||||
 |-
-|valign="top"|Background color||Footer background color||
+|valign="top"|Background color||Footer background color||||||||||
 |-
-|valign="top"|Foreground color||Footer foreground color||
+|valign="top"|Foreground color||Footer foreground color||||||||||
 |-
-|valign="top"|Footer image||The image for the Footer (png&#124;jpg&#124;gif).<br>Use app:/imagename.ext for app specific images.||
+|valign="top"|Footer image||The image for the Footer (png&#124;jpg&#124;gif).<br>Use app:/imagename.ext for app specific images.||||||||||
 |-
-|valign="top"|Gradient colors||Render the Footer background color as a gradient (True&#124;False)||
+|valign="top"|Gradient colors||Render the Footer 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||||||||||
 |-
-|valign="top"|Gradient start color||Gradient start color||
+|valign="top"|Gradient start color||Gradient start color||||||||||
 |-
-|valign="top"|Gradient end color||Gradient end color||
+|valign="top"|Gradient end color||Gradient end color||||||||||
 |-
-|valign="top"|Gadget||The custom gadget to be rendered in the Footer||
+|valign="top"|Gadget||The custom gadget to be rendered in the Footer||||||||||
 |-
-|valign="top"|Refresh interval||The interval in seconds that the Footer content will be refreshed||
+|valign="top"|Refresh interval||The interval in seconds that the Footer content will be refreshed||||||||||
 |-
 |}
@@ Line 157: / Line 161: @@
 {| class="wikitable" width="100%"
 !width="20%"|Attribute
-!width="60%"|Description
+!width="40%"|Description
 !width="20%"|More
+!Desktop||Web||Tablet||Phone
 |-
-|valign="top"|Show left sidebar||Show left sidebar (True&#124;False)||
+|valign="top"|Show left sidebar||Show left sidebar (True&#124;False)||||||||||
 |-
-|valign="top"|Collapse left sidebar||Collapse left sidebar when the App is first loaded (True&#124;False)||
+|valign="top"|Collapse left sidebar||Collapse left sidebar when the App is first loaded (True&#124;False)||||||||||
 |-
-|valign="top"|Width||Left sidebar width||
+|valign="top"|Width||Left sidebar width||||||||||
 |-
-|valign="top"|Show left sidebar logo image||Show left sidebar logo image (True&#124;False)||
+|valign="top"|Show left sidebar logo image||Show left sidebar logo image (True&#124;False)||||||||||
 |-
-|valign="top"|Logo image||The logo displayed at the top of the left sidebar (png&#124;jpg&#124;gif).<br>Use app:/imagename.ext for app specific images.||
+|valign="top"|Logo image||The logo displayed at the top of the left sidebar (png&#124;jpg&#124;gif).<br>Use app:/imagename.ext for app specific images.||||||||||
 |-
-|valign="top"|Show login panel||Show the login panel in the left sidebar (True&#124;False)||
+|valign="top"|Show login panel||Show the login panel in the left sidebar (True&#124;False)||||||||||
 |-
-|valign="top"|Show Apps||Show the Apps menu in the left sidebar (True&#124;False)||
+|valign="top"|Show Apps||Show the Apps menu in the left sidebar (True&#124;False)||||||||||
 |-
-|valign="top"|Show Apps Caption||Show the Apps caption above the Apps menu (True&#124;False)||
+|valign="top"|Show Apps Caption||Show the Apps caption above the Apps menu (True&#124;False)||||||||||
 |-
-|valign="top"|Show Menu||Show the page menu in the left sidebar (True&#124;False)||
+|valign="top"|Show Menu||Show the page menu in the left sidebar (True&#124;False)||||||||||
 |-
-|valign="top"|Show Recent Items||Show Watches, Favorites, Recently Viewed/Modified items and Instant Selections in the left sidebar (True&#124;False)||
+|valign="top"|Show Recent Items||Show Watches, Favorites, Recently Viewed/Modified items and Instant Selections in the left sidebar (True&#124;False)||||||||||
 |-
-|valign="top"|Background color||Left sidebar background color||
+|valign="top"|Background color||Left sidebar background color||||||||||
 |-
-|valign="top"|Foreground color||Left sidebar foreground color||
+|valign="top"|Foreground color||Left sidebar foreground color||||||||||
 |-
-|valign="top"|Border color||Left sidebar border color||
+|valign="top"|Border color||Left sidebar border color||||||||||
 |-
-|valign="top"|Favorite items||The number of Favorites to display||
+|valign="top"|Favorite items||The number of Favorites to display||||||||||
 |-
-|valign="top"|Recently viewed items||The number of Recently Viewed items to display||
+|valign="top"|Recently viewed items||The number of Recently Viewed items to display||||||||||
 |-
-|valign="top"|Recently modified items||The number of Recently Modified items to display||
+|valign="top"|Recently modified items||The number of Recently Modified items to display||||||||||
 |-
-|valign="top"|Watched items||The number of Watched items to display||
+|valign="top"|Watched items||The number of Watched items to display||||||||||
 |-
-|valign="top"|Refresh interval||The interval in seconds that the Instant Selections content will be refreshed||
+|valign="top"|Refresh interval||The interval in seconds that the Instant Selections content will be refreshed||||||||||
 |-
 |}
@@ Line 201: / Line 206: @@
 {| class="wikitable" width="100%"
 !width="20%"|Attribute
-!width="60%"|Description
+!width="40%"|Description
 !width="20%"|More
+!Desktop||Web||Tablet||Phone
 |-
-|valign="top"|Show navigation panel||Show a Navigation panel on the left side of the page (True&#124;False).<br>By default this is a TreeGrid, so you can load it in the load delegate for the page and structure it as a Grid or a Tree.||
+|valign="top"|Show navigation panel||Show a Navigation panel on the left side of the page (True&#124;False).<br>By default this is a TreeGrid, so you can load it in the load delegate for the page and structure it as a Grid or a Tree.||||||||||
 |-
-|valign="top"|Collapsable||Enable collapsing and expanding for the Navigation panel (True&#124;False)||
+|valign="top"|Collapsable||Enable collapsing and expanding for the Navigation panel (True&#124;False)||||||||||
 |-
-|valign="top"|Collapse when first loaded||Hide Navigation panel when first loaded.<br>Use $("page:yourpagename?action=shownavigationpanel") to show it and $("page:yourpagename?action=hidenavigationpanel") to hide it again||
+|valign="top"|Collapse when first loaded||Hide Navigation panel when first loaded.<br>Use $("page:yourpagename?action=shownavigationpanel") to show it and $("page:yourpagename?action=hidenavigationpanel") to hide it again||||||||||
 |-
-|valign="top"|Position on page||Navigation panel position on page(Left&#124;Right)||
+|valign="top"|Position on page||Navigation panel position on page(Left&#124;Right)||||||||||
 |-
-|valign="top"|Show caption||Show Navigation panel caption (True&#124;False)||
+|valign="top"|Show caption||Show Navigation panel caption (True&#124;False)||||||||||
 |-
-|valign="top"|Caption height||Navigation panel caption height||
+|valign="top"|Caption height||Navigation panel caption height||||||||||
 |-
-|valign="top"|Caption||Navigation panel caption||
+|valign="top"|Caption||Navigation panel caption||||||||||
 |-
-|valign="top"|Width||Navigation panel width||
+|valign="top"|Width||Navigation panel width||||||||||
 |-
-|valign="top"|Custom UI page||Specify an (optional) custom UI Page from the UI Page Library to embed into the Navigation panel||
+|valign="top"|Custom UI page||Specify an (optional) custom UI Page from the UI Page Library to embed into the Navigation panel||||||||||
 |-
-|valign="top"|Show child indicators||Show child indicators||
+|valign="top"|Show child indicators||Show child indicators||||||||||
 |-
-|valign="top"|Alternating row colors||Alternating row colors||
+|valign="top"|Alternating row colors||Alternating row colors||||||||||
 |-
-|valign="top"|Double click to select||Check this if you want the selection delegate to be called on a double-click rather than a single click||
+|valign="top"|Double click to select||Check this if you want the selection delegate to be called on a double-click rather than a single click||||||||||
 |-
-|valign="top"|Column headers||Specify a comma separated list of column headers||
+|valign="top"|Column headers||Specify a comma separated list of column headers||||||||||
 |-
-|valign="top"|Data source||Specify a comma separated list of items to load as caption#icon or a SQL SELECT statement to load from a data source.<br>Note that you can optionally load the Navigation panel in the load delegate for the page.||
+|valign="top"|Data source||Specify a comma separated list of items to load as caption#icon or a SQL SELECT statement to load from a data source.<br>Note that you can optionally load the Navigation panel in the load delegate for the page.||||||||||
 |-
-|valign="top"|Selection column||When using a multi column TreeGrid, specify the column you want to select when calling the selection delegate||
+|valign="top"|Selection column||When using a multi column TreeGrid, specify the column you want to select when calling the selection delegate||||||||||
 |-
-|valign="top"|Item sync expression||Specify an expression to evaluate to keep the TreeGrid in sync while data is navigated in the page||
+|valign="top"|Item sync expression||Specify an expression to evaluate to keep the TreeGrid in sync while data is navigated in the page||||||||||
 |-
-|valign="top"|Selection delegate||Specify a delegate to call when a row is clicked.<br>Note that you can use an 'inline' delegate like this: $("section:yoursectionid?action=search&text={}")<br>Notice how {} is used to substitute the value of the item selected.||
+|valign="top"|Selection delegate||Specify a delegate to call when a row is clicked.<br>Note that you can use an 'inline' delegate like this: $("section:yoursectionid?action=search&text={}")<br>Notice how {} is used to substitute the value of the item selected.||||||||||
 |-
-|valign="top"|Show ActionBar||Show the actionbar at the bottom of the Navigation panel (True&#124;False)||
+|valign="top"|Show ActionBar||Show the actionbar at the bottom of the Navigation panel (True&#124;False)||||||||||
 |-
-|valign="top"|Add delegate||Specify a delegate to call when the 'Add' icon is clicked.<br>Note that you can use an 'inline' delegate like this: $("section:yoursectionid?action=add")||
+|valign="top"|Add delegate||Specify a delegate to call when the 'Add' icon is clicked.<br>Note that you can use an 'inline' delegate like this: $("section:yoursectionid?action=add")||||||||||
 |-
-|valign="top"|Delete delegate||Specify a delegate to call when the 'Delete' icon is clicked.<br>Note that you can use an 'inline' delegate like this: $("section:yoursectionid?action=delete")||
+|valign="top"|Delete delegate||Specify a delegate to call when the 'Delete' icon is clicked.<br>Note that you can use an 'inline' delegate like this: $("section:yoursectionid?action=delete")||||||||||
 |-
-|valign="top"|Row height||Row height for the Tree items in the Navigation panel||
+|valign="top"|Row height||Row height for the Tree items in the Navigation panel||||||||||
 |-
-|valign="top"|Font size||Font size for the Tree items in the Navigation panel||
+|valign="top"|Font size||Font size for the Tree items in the Navigation panel||||||||||
 |-
-|valign="top"|CSS style||CSS style for the Navigation panel and its Tree (separate attributes with ; or use app:/filename.css)||
+|valign="top"|CSS style||CSS style for the Navigation panel and its Tree (separate attributes with ; or use app:/filename.css)||||||||||
 |-
 |}
@@ Line 255: / Line 261: @@
 {| class="wikitable" width="100%"
 !width="20%"|Attribute
-!width="60%"|Description
+!width="40%"|Description
 !width="20%"|More
+!Desktop||Web||Tablet||Phone
 |-
-|valign="top"|Show right sidebar||Show right sidebar (True&#124;False)||
+|valign="top"|Show right sidebar||Show right sidebar (True&#124;False)||||||||||
 |-
-|valign="top"|Collapse right sidebar||Collapse right sidebar when the App is first loaded (True&#124;False)||
+|valign="top"|Collapse right sidebar||Collapse right sidebar when the App is first loaded (True&#124;False)||||||||||
 |-
-|valign="top"|Width||Right sidebar width||
+|valign="top"|Width||Right sidebar width||||||||||
 |-
-|valign="top"|Background color||Right sidebar background color||
+|valign="top"|Background color||Right sidebar background color||||||||||
 |-
-|valign="top"|Foreground color||Right sidebar foreground color||
+|valign="top"|Foreground color||Right sidebar foreground color||||||||||
 |-
-|valign="top"|Border color||Right sidebar border color||
+|valign="top"|Border color||Right sidebar border color||||||||||
 |-
-|valign="top"|Custom content gadget||Gadget based on custom script||
+|valign="top"|Custom content gadget||Gadget based on custom script||||||||||
 |-
-|valign="top"|+ Show||Show the custom content gadget (True&#124;False)||
+|valign="top"|+ Show||Show the custom content gadget (True&#124;False)||||||||||
 |-
-|valign="top"|+ Expanded||Expand the custom content gadget when the App is first loaded (True&#124;False)||
+|valign="top"|+ Expanded||Expand the custom content gadget when the App is first loaded (True&#124;False)||||||||||
 |-
-|valign="top"|+ Height||Custom content gadget height||
+|valign="top"|+ Height||Custom content gadget height||||||||||
 |-
-|valign="top"|+ Stretch||Stretch the custom content into the right sidebar (True&#124;False)||
+|valign="top"|+ Stretch||Stretch the custom content into the right sidebar (True&#124;False)||||||||||
 |-
-|valign="top"|+ Caption||Custom content gadget caption||
+|valign="top"|+ Caption||Custom content gadget caption||||||||||
 |-
-|valign="top"|+ Gadget||The gadget to be displayed||
+|valign="top"|+ Gadget||The gadget to be displayed||||||||||
 |-
-|valign="top"|+ Refresh interval||The interval in seconds that the content will be refreshed||
+|valign="top"|+ Refresh interval||The interval in seconds that the content will be refreshed||||||||||
 |-
-|valign="top"|Content gadget #1||Gadget based on URL||
+|valign="top"|Content gadget #1||Gadget based on URL||||||||||
 |-
-|valign="top"|+ Show||Show the gadget (True&#124;False)||
+|valign="top"|+ Show||Show the gadget (True&#124;False)||||||||||
 |-
-|valign="top"|+ Expanded||Expand the gadget when the App is first loaded (True&#124;False)||
+|valign="top"|+ Expanded||Expand the gadget when the App is first loaded (True&#124;False)||||||||||
 |-
-|valign="top"|+ Height||Gadget height||
+|valign="top"|+ Height||Gadget height||||||||||
 |-
-|valign="top"|+ Stretch||Stretch the content into the right sidebar (True&#124;False)||
+|valign="top"|+ Stretch||Stretch the content into the right sidebar (True&#124;False)||||||||||
 |-
-|valign="top"|+ Caption||Gadget caption||
+|valign="top"|+ Caption||Gadget caption||||||||||
 |-
-|valign="top"|+ URL||The URL of the content to be displayed||
+|valign="top"|+ URL||The URL of the content to be displayed||||||||||
 |-
-|valign="top"|+ Refresh interval||The interval in seconds that the content will be refreshed||
+|valign="top"|+ Refresh interval||The interval in seconds that the content will be refreshed||||||||||
 |-
-|valign="top"|Content gadget #2||Gadget based on URL||
+|valign="top"|Content gadget #2||Gadget based on URL||||||||||
 |-
-|valign="top"|+ Show||Show the gadget (True&#124;False)||
+|valign="top"|+ Show||Show the gadget (True&#124;False)||||||||||
 |-
-|valign="top"|+ Expanded||Expand the gadget when the App is first loaded (True&#124;False)||
+|valign="top"|+ Expanded||Expand the gadget when the App is first loaded (True&#124;False)||||||||||
 |-
-|valign="top"|+ Height||Gadget height||
+|valign="top"|+ Height||Gadget height||||||||||
 |-
-|valign="top"|+ Stretch||Stretch the content into the right sidebar (True&#124;False)||
+|valign="top"|+ Stretch||Stretch the content into the right sidebar (True&#124;False)||||||||||
 |-
-|valign="top"|+ Caption||Gadget caption||
+|valign="top"|+ Caption||Gadget caption||||||||||
 |-
-|valign="top"|+ URL||The URL of the content to be displayed||
+|valign="top"|+ URL||The URL of the content to be displayed||||||||||
 |-
-|valign="top"|+ Refresh interval||The interval in seconds that the content will be refreshed||
+|valign="top"|+ Refresh interval||The interval in seconds that the content will be refreshed||||||||||
 |-
-|valign="top"|Content gadget #3||Gadget based on URL||
+|valign="top"|Content gadget #3||Gadget based on URL||||||||||
 |-
-|valign="top"|+ Show||Show the gadget (True&#124;False)||
+|valign="top"|+ Show||Show the gadget (True&#124;False)||||||||||
 |-
-|valign="top"|+ Expanded||Expand the gadget when the App is first loaded (True&#124;False)||
+|valign="top"|+ Expanded||Expand the gadget when the App is first loaded (True&#124;False)||||||||||
 |-
-|valign="top"|+ Height||Gadget height||
+|valign="top"|+ Height||Gadget height||||||||||
 |-
-|valign="top"|+ Stretch||Stretch the content into the right sidebar (True&#124;False)||
+|valign="top"|+ Stretch||Stretch the content into the right sidebar (True&#124;False)||||||||||
 |-
-|valign="top"|+ Caption||Gadget caption||
+|valign="top"|+ Caption||Gadget caption||||||||||
 |-
-|valign="top"|+ URL||The URL of the content to be displayed||
+|valign="top"|+ URL||The URL of the content to be displayed||||||||||
 |-
-|valign="top"|+ Refresh interval||The interval in seconds that the content will be refreshed||
+|valign="top"|+ Refresh interval||The interval in seconds that the content will be refreshed||||||||||
 |-
-|valign="top"|Content gadget #4||Gadget based on URL||
+|valign="top"|Content gadget #4||Gadget based on URL||||||||||
 |-
-|valign="top"|+ Show||Show the gadget (True&#124;False)||
+|valign="top"|+ Show||Show the gadget (True&#124;False)||||||||||
 |-
-|valign="top"|+ Expanded||Expand the gadget when the App is first loaded (True&#124;False)||
+|valign="top"|+ Expanded||Expand the gadget when the App is first loaded (True&#124;False)||||||||||
 |-
-|valign="top"|+ Height||Gadget height||
+|valign="top"|+ Height||Gadget height||||||||||
 |-
-|valign="top"|+ Stretch||Stretch the content into the right sidebar (True&#124;False)||
+|valign="top"|+ Stretch||Stretch the content into the right sidebar (True&#124;False)||||||||||
 |-
-|valign="top"|+ Caption||Gadget caption||
+|valign="top"|+ Caption||Gadget caption||||||||||
 |-
-|valign="top"|+ URL||The URL of the content to be displayed||
+|valign="top"|+ URL||The URL of the content to be displayed||||||||||
 |-
-|valign="top"|+ Refresh interval||The interval in seconds that the content will be refreshed||
+|valign="top"|+ Refresh interval||The interval in seconds that the content will be refreshed||||||||||
 |-
 |}
@@ Line 355: / Line 362: @@
 {| class="wikitable" width="100%"
 !width="20%"|Attribute
-!width="60%"|Description
+!width="40%"|Description
 !width="20%"|More
+!Desktop||Web||Tablet||Phone
 |-
-|valign="top"|Scripting language||The default scripting language for custom code in this page (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 page (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||||||||||
 |-
-|valign="top"|Enabled When||The delegate for the EnabledWhen event||
+|valign="top"|Enabled When||The delegate for the EnabledWhen event||||||||||
 |-
-|valign="top"|Visible When||The delegate for the VisibleWhen event||
+|valign="top"|Visible When||The delegate for the VisibleWhen event||||||||||
 |-
-|valign="top"|Valid When||The delegate for the ValidWhen event||
+|valign="top"|Valid When||The delegate for the ValidWhen event||||||||||
 |-
-|valign="top"|Activate||The delegate for the Activate event||
+|valign="top"|Activate||The delegate for the Activate event||||||||||
 |-
-|valign="top"|Deactivate||The delegate for the Deactivate event||
+|valign="top"|Deactivate||The delegate for the Deactivate event||||||||||
 |-
-|valign="top"|Init||The delegate for the Init event||
+|valign="top"|Init||The delegate for the Init event||||||||||
 |-
-|valign="top"|Destroy||The delegate for the Destroy event||
+|valign="top"|Destroy||The delegate for the Destroy event||||||||||
 |-
-|valign="top"|Load||The delegate for the Load event||
+|valign="top"|Load||The delegate for the Load event||||||||||
 |-
-|valign="top"|Ready||The delegate for the Ready event||
+|valign="top"|Ready||The delegate for the Ready event||||||||||
 |-
-|valign="top"|Unload||The delegate for the Unload event||
+|valign="top"|Unload||The delegate for the Unload event||||||||||
 |-
-|valign="top"|Change||The delegate for the Change event||
+|valign="top"|Change||The delegate for the Change event||||||||||
 |-
-|valign="top"|Timer||The delegate for the Timer event||
+|valign="top"|Timer||The delegate for the Timer event||||||||||
 |-
-|valign="top"|Timer interval||The timer interval in seconds that the Timer event will be called at runtime||
+|valign="top"|Timer interval||The timer interval in seconds that the Timer event will be called at runtime||||||||||
 |-
-|valign="top"|Custom menu||The delegate for the Custom menu event||
+|valign="top"|Custom menu||The delegate for the Custom menu event||||||||||
 |-
-|valign="top"|Custom search||The delegate for the Search event||
+|valign="top"|Custom search||The delegate for the Search event||||||||||
 |-
-|valign="top"|Instant search||The delegate for the Instant Search event.  The text typed in the searchbox is passed as a parameter||
+|valign="top"|Instant search||The delegate for the Instant Search event.  The text typed in the searchbox is passed as a parameter||||||||||
 |-
-|valign="top"|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||
+|valign="top"|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||||||||||
 |-
 |}
@@ Line 401: / Line 409: @@
 {| class="wikitable" width="100%"
 !width="20%"|Attribute
-!width="60%"|Description
+!width="40%"|Description
 !width="20%"|More
+!Desktop||Web||Tablet||Phone
 |-
-|valign="top"|Swipe navigation||Enable swipe left and swipe right to navigate between Pages (True&#124;False)||
+|valign="top"|Swipe navigation||Enable swipe left and swipe right to navigate between Pages (True&#124;False)||||||||||
 |-
-|valign="top"|Gestures enabled||Enable gestures for this page: swipe, pan, pinch, tap and tapandhold (True&#124;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 page: swipe, pan, pinch, tap and tapandhold (True&#124;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||||||||||
 |-
-|valign="top"|Swipe right gesture||The Swipe Right gesture delegate||
+|valign="top"|Swipe right gesture||The Swipe Right gesture delegate||||||||||
 |-
-|valign="top"|Swipe up gesture||The Swipe Up gesture delegate||
+|valign="top"|Swipe up gesture||The Swipe Up gesture delegate||||||||||
 |-
-|valign="top"|Swipe down gesture||The Swipe Down gesture delegate||
+|valign="top"|Swipe down gesture||The Swipe Down gesture delegate||||||||||
 |-
-|valign="top"|Pan gesture||The Pan gesture delegate||
+|valign="top"|Pan gesture||The Pan gesture delegate||||||||||
 |-
-|valign="top"|Pinch gesture||The Pinch gesture delegate||
+|valign="top"|Pinch gesture||The Pinch gesture delegate||||||||||
 |-
-|valign="top"|Tap gesture||The Tap gesture delegate||
+|valign="top"|Tap gesture||The Tap gesture delegate||||||||||
 |-
-|valign="top"|Tap and hold gesture||The Tap and Hold gesture delegate||
+|valign="top"|Tap and hold gesture||The Tap and Hold gesture delegate||||||||||
 |-
-|valign="top"|Gestures||The catch all delegate for the Gestures event||
+|valign="top"|Gestures||The catch all delegate for the Gestures event||||||||||
 |-
 |}
@@ Line 431: / Line 440: @@
 {| class="wikitable" width="100%"
 !width="20%"|Attribute
-!width="60%"|Description
+!width="40%"|Description
 !width="20%"|More
+!Desktop||Web||Tablet||Phone
 |-
-|valign="top"|Add action||The custom action function for Add.  This will be called to add a record.||
+|valign="top"|Add action||The custom action function for Add.  This will be called to add a record.||||||||||
 |-
-|valign="top"|Delete action||The custom action function for Delete.  This will be called to delete a record.||
+|valign="top"|Delete action||The custom action function for Delete.  This will be called to delete a record.||||||||||
 |-
-|valign="top"|Refresh action||The custom action function for Refresh.  This will be called to refresh the current record.||
+|valign="top"|Refresh action||The custom action function for Refresh.  This will be called to refresh the current record.||||||||||
 |-
-|valign="top"|First action||The custom action function for First.  This will be called to read the first record.||
+|valign="top"|First action||The custom action function for First.  This will be called to read the first record.||||||||||
 |-
-|valign="top"|Previous action||The custom action function for Previous.  This will be called to read the previous record.||
+|valign="top"|Previous action||The custom action function for Previous.  This will be called to read the previous record.||||||||||
 |-
-|valign="top"|Next action||The custom action function for Next.  This will be called to read the next record.||
+|valign="top"|Next action||The custom action function for Next.  This will be called to read the next record.||||||||||
 |-
-|valign="top"|Last action||The custom action function for Last.  This will be called to read the last record.||
+|valign="top"|Last action||The custom action function for Last.  This will be called to read the last record.||||||||||
 |-
-|valign="top"|Edit action||The custom action function for Edit.  This will be called to edit the current record.||
+|valign="top"|Edit action||The custom action function for Edit.  This will be called to edit the current record.||||||||||
 |-
-|valign="top"|Save action||The custom action function for Save.  This will be called to save changes.||
+|valign="top"|Save action||The custom action function for Save.  This will be called to save changes.||||||||||
 |-
-|valign="top"|Cancel action||The custom action function for Cancel.  This will be called to cancel changes.||
+|valign="top"|Cancel action||The custom action function for Cancel.  This will be called to cancel changes.||||||||||
 |-
 |}
@@ Line 459: / Line 469: @@
 {| class="wikitable" width="100%"
 !width="20%"|Attribute
-!width="60%"|Description
+!width="40%"|Description
 !width="20%"|More
+!Desktop||Web||Tablet||Phone
 |-
-|valign="top"|Create roles||A comma separated list of roles that can perform create operations on data in the page||
+|valign="top"|Create roles||A comma separated list of roles that can perform create operations on data in the page||||||||||
 |-
-|valign="top"|Read roles||A comma separated list of roles that can read (and view) the page||
+|valign="top"|Read roles||A comma separated list of roles that can read (and view) the page||||||||||
 |-
-|valign="top"|Update roles||A comma separated list of roles that can perform update operations on data in the page||
+|valign="top"|Update roles||A comma separated list of roles that can perform update operations on data in the page||||||||||
 |-
-|valign="top"|Delete roles||A comma separated list of roles that can perform delete operations on data in the page||
+|valign="top"|Delete roles||A comma separated list of roles that can perform delete operations on data in the page||||||||||
 |-
 |}
@@ Line 475: / Line 486: @@
 {| class="wikitable" width="100%"
 !width="20%"|Attribute
-!width="60%"|Description
+!width="40%"|Description
 !width="20%"|More
+!Desktop||Web||Tablet||Phone
 |-
-|valign="top"|Desktop||Include this page in a Desktop client (True&#124;False)||
+|valign="top"|Desktop||Include this page in a Desktop client (True&#124;False)||||||||||
 |-
-|valign="top"|Web||Include this page in a Web client (True&#124;False)||
+|valign="top"|Web||Include this page in a Web client (True&#124;False)||||||||||
 |-
-|valign="top"|Tablet||Include this page in a Tablet client (True&#124;False)||
+|valign="top"|Tablet||Include this page in a Tablet client (True&#124;False)||||||||||
 |-
-|valign="top"|Phone||Include this page in a Phone client (True&#124;False)||
+|valign="top"|Phone||Include this page in a Phone client (True&#124;False)||||||||||
 |-
-|UI States||UI states that affect this page.  Specify multiple states as a comma separated list.||
+|UI States||UI states that affect this page.  Specify multiple states as a comma separated list.||||||||||
 |-
-|Initial UI state||The initial UI state for this page.  This will be applied to the page and all its sections and fields.||
+|Initial UI state||The initial UI state for this page.  This will be applied to the page and all its sections and fields.||||||||||
 |-
-|valign="top"|Readonly when||Page is readonly at runtime if specified expression evaluates to true.||
+|valign="top"|Readonly when||Page is readonly at runtime if specified expression evaluates to true.||||||||||
 |-
-|valign="top"|Visible when||Page is visible at runtime if specified expression evaluates to true.||
+|valign="top"|Visible when||Page is visible at runtime if specified expression evaluates to true.||||||||||
 |-
-|valign="top"|Page transition effect||The page transition effect when navigating between pages on Web/Tablet/Phone. (None&#124;Fade&#124;Pop&#124;Flip&#124;Turn&#124;Flow&#124;SlideFade&#124;Slide&#124;SlideUp&#124;SlideDown)||
+|valign="top"|Page transition effect||The page transition effect when navigating between pages on Web/Tablet/Phone. (None&#124;Fade&#124;Pop&#124;Flip&#124;Turn&#124;Flow&#124;SlideFade&#124;Slide&#124;SlideUp&#124;SlideDown)||||||||||
 |-
-|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&#124;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&#124;False)||||||||||
 |-
 |}
@@ Line 503: / Line 515: @@
 {| class="wikitable" width="100%"
 !width="20%"|Attribute
-!width="60%"|Description
+!width="40%"|Description
 !width="20%"|More
+!Desktop||Web||Tablet||Phone
 |-
-|valign="top"|Category||The category in which the Tile should be displayed in the Page Center||
+|valign="top"|Category||The category in which the Tile should be displayed in the Page Center||||||||||
 |-
-|valign="top"|Tile caption||The caption for the Tile in the Page Center||
+|valign="top"|Tile caption||The caption for the Tile in the Page Center||||||||||
 |-
-|valign="top"|Tile icon||The icon for the Tile in the Page Center||
+|valign="top"|Tile icon||The icon for the Tile in the Page Center||||||||||
 |-
-|valign="top"|Tile size||The size of the Tile in the Page Center||
+|valign="top"|Tile size||The size of the Tile in the Page Center||||||||||
 |-
-|valign="top"|Background color||The background color for the Tile displayed in the Page Center||
+|valign="top"|Background color||The background color for the Tile displayed in the Page Center||||||||||
 |-
-|valign="top"|Foreground color||The foreground color for the Tile displayed in the Page Center||
+|valign="top"|Foreground color||The foreground color for the Tile displayed in the Page Center||||||||||
 |-
 |}

Difference between revisions of "Page Attributes"

Revision as of 06:15, 1 December 2014

Contents

Details

Appearance

Header

Footer

Left Sidebar

Navigation panel

Right Sidebar

Custom Delegates

Gestures

Custom Actions

Permissions and Roles

UI Presentation Rules

Page Center Tile

Navigation menu

Search