Difference between revisions of "Working with UI Page Libraries"
Yvonne.milne (Talk | contribs) (→Lianja.showDialog()) |
Yvonne.milne (Talk | contribs) (→Using UI Page Library Files) |
||
| Line 34: | Line 34: | ||
=Using UI Page Library Files= | =Using UI Page Library Files= | ||
| − | ==Lianja.showDialog() | + | ==showdialog== |
| + | On the desktop client, the '''showdialog''' action or the '''Lianja.showDialog()''' method can be used to pop up a dialog with an embedded Page from the UI Page Library. | ||
| + | <pre>Lianja.showDocument("showdialog:page?title=cTitle | ||
| + | &width=nWidth | ||
| + | &height=nHeight | ||
| + | &buttons=lButtons | ||
| + | &ontop=lOntop | ||
| + | &modal=lModal | ||
| + | &action=cAction | ||
| + | &text=cText | ||
| + | &resizable=lResizable")</pre> | ||
| + | |||
| + | |||
| + | The Lianja.showDialog() method pops up a standard dialog and embeds the specified page from the ''page'' library into it. | ||
| + | |||
<pre>Lianja.showDialog(title as Character, | <pre>Lianja.showDialog(title as Character, | ||
page as Character | page as Character | ||
[, width as Numeric | [, width as Numeric | ||
| + | [, height as Numeric | ||
| + | [, buttons as Logical | ||
| + | [, ontop as Logical | ||
| + | [, modal as Logical | ||
[, action as Character | [, action as Character | ||
| − | [, text as Character]]]</pre> | + | [, text as Character |
| + | [, resizable as Logical]]]]]]]]</pre> | ||
| − | + | Note: When using Lianja.showDialog() on the web/mobile client, the ''page'' must be a [[Lianja Server Pages|.rsp]] or [[JavaScript Server Pages|.jssp]] script. | |
| − | == | + | ==showdialogpanel== |
| + | On the desktop client, the '''showdialogpanel''' action or the '''Lianja.showDialogPanel()''' method can be used to slide in a dialogPanel with an embedded Page from the UI Page Library. | ||
| − | |||
| + | The Lianja.showDialogPanel() method slides a dialogPanel in from the right of the main window and embeds the specified ''page'' from the page library into it. If ''width'' is a negative number, the dialogPanel will slide from the left. | ||
| + | |||
| + | <pre>Lianja.showDialogPanel(title as Character, | ||
| + | page as Character | ||
| + | [, width as Numeric | ||
| + | [, action as Character | ||
| + | [, text as Character]]]</pre> | ||
| + | |||
| + | Note: When using Lianja.showDialogPanel() on the web/mobile client, the ''page'' must be a [[Lianja Server Pages|.rsp]] or [[JavaScript Server Pages|.jssp]] script. Specifying a ''width'' of "100%" will animate the dialogPanel in place and it will occupy the whole page viewport on the web/mobile client. | ||
==Component Gadgets== | ==Component Gadgets== | ||
Revision as of 07:59, 4 January 2018
Under Construction
See article here
Contents
Overview
In Lianja App Builder, Pages can be saved in a Visual Page Library as reusable UI Page components.
This provides developers with the ability to lay out pages in the Pages Workspace (with all of the power and functionality of related sections) and reuse these pages in dialogs and desktop navigation Panels and component gadgets .
Saving to the UI Page Library
Headerbar Toolbutton: Save in the Page Library
| Attribute | Description | Name | Type |
|---|---|---|---|
| Autosave in Page Library | Always save this page to the UI Page Library when an App is saved. | alwaysSaveInPageLibrary | Boolean |
Custom Event Delegates
For UI Pages with Custom Event Delegates, see forum post here
Using UI Page Library Files
showdialog
On the desktop client, the showdialog action or the Lianja.showDialog() method can be used to pop up a dialog with an embedded Page from the UI Page Library.
Lianja.showDocument("showdialog:page?title=cTitle
&width=nWidth
&height=nHeight
&buttons=lButtons
&ontop=lOntop
&modal=lModal
&action=cAction
&text=cText
&resizable=lResizable")
The Lianja.showDialog() method pops up a standard dialog and embeds the specified page from the page library into it.
Lianja.showDialog(title as Character,
page as Character
[, width as Numeric
[, height as Numeric
[, buttons as Logical
[, ontop as Logical
[, modal as Logical
[, action as Character
[, text as Character
[, resizable as Logical]]]]]]]]
Note: When using Lianja.showDialog() on the web/mobile client, the page must be a .rsp or .jssp script.
showdialogpanel
On the desktop client, the showdialogpanel action or the Lianja.showDialogPanel() method can be used to slide in a dialogPanel with an embedded Page from the UI Page Library.
The Lianja.showDialogPanel() method slides a dialogPanel in from the right of the main window and embeds the specified page from the page library into it. If width is a negative number, the dialogPanel will slide from the left.
Lianja.showDialogPanel(title as Character,
page as Character
[, width as Numeric
[, action as Character
[, text as Character]]]
Note: When using Lianja.showDialogPanel() on the web/mobile client, the page must be a .rsp or .jssp script. Specifying a width of "100%" will animate the dialogPanel in place and it will occupy the whole page viewport on the web/mobile client.
Component Gadgets
| Attribute | Description | Name | Type |
|---|---|---|---|
| Custom UI component | Specify a custom UI component from the UI Page Library to embed into this gadget | customComponent | Character |
