Working with UI Page Libraries

From Lianjapedia
Jump to: navigation, search

Under Construction

See article here

Overview

Lianja Demo App



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

Page Attribute

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

Component Gadget Attributes

Attribute Description Name Type
Custom UI component Specify a custom UI component from the UI Page Library to embed into this gadget customComponent Character