Difference between revisions of "Section Footers"
Yvonne.milne (Talk | contribs) |
Yvonne.milne (Talk | contribs) |
||
Line 8: | Line 8: | ||
[[{{ns:file}}:footer_visible_false.png|450px|thumb|left|link={{filepath:footer_visible_false.png}}|Footer: default Visible is False]] | [[{{ns:file}}:footer_visible_false.png|450px|thumb|left|link={{filepath:footer_visible_false.png}}|Footer: default Visible is False]] | ||
+ | |||
Line 14: | Line 15: | ||
[[{{ns:file}}:footer_visible_true.png|450px|thumb|left|link={{filepath:footer_visible_true.png}}|Footer: set Visible to True]] | [[{{ns:file}}:footer_visible_true.png|450px|thumb|left|link={{filepath:footer_visible_true.png}}|Footer: set Visible to True]] | ||
+ | |||
Line 26: | Line 28: | ||
[[{{ns:file}}:footer_caption.png|450px|thumb|left|link={{filepath:footer_caption.png}}|Footer Caption]] | [[{{ns:file}}:footer_caption.png|450px|thumb|left|link={{filepath:footer_caption.png}}|Footer Caption]] | ||
+ | |||
Line 33: | Line 36: | ||
[[{{ns:file}}:footer_caption_html.png|450px|thumb|left|link={{filepath:footer_caption_html.png}}|Footer Caption with HTML formatting]] | [[{{ns:file}}:footer_caption_html.png|450px|thumb|left|link={{filepath:footer_caption_html.png}}|Footer Caption with HTML formatting]] | ||
+ | |||
Line 38: | Line 42: | ||
<br clear=all> | <br clear=all> | ||
− | The Caption attribute can also be queried or changed programmatically using Lianja.get("page.section").footercaption. | + | The Caption attribute can also be queried or changed programmatically using [[Working with the Lianja Object Model|Lianja.get("page.section").footercaption]]. |
===Height=== | ===Height=== | ||
[[{{ns:file}}:footer_height.png|450px|thumb|left|link={{filepath:footer_height.png}}|Footer Height]] | [[{{ns:file}}:footer_height.png|450px|thumb|left|link={{filepath:footer_height.png}}|Footer Height]] | ||
+ | |||
Line 51: | Line 56: | ||
[[{{ns:file}}:footer_background_color.png|450px|thumb|left|link={{filepath:footer_background_color.png}}|Footer Background Color]] | [[{{ns:file}}:footer_background_color.png|450px|thumb|left|link={{filepath:footer_background_color.png}}|Footer Background Color]] | ||
+ | |||
Line 66: | Line 72: | ||
===Custom menu=== | ===Custom menu=== | ||
− | + | ||
[[{{ns:file}}:footer_menu_default1.png|450px|thumb|left|link={{filepath:footer_menu_default1.png}}|Footer Menu: default 'cog' menu]] | [[{{ns:file}}:footer_menu_default1.png|450px|thumb|left|link={{filepath:footer_menu_default1.png}}|Footer Menu: default 'cog' menu]] | ||
+ | |||
+ | |||
+ | |||
+ | The Custom menu attribute is used to specify a comma-separated list of values as the menu items of the Section footer menu. | ||
<br clear=all> | <br clear=all> | ||
[[{{ns:file}}:footer_menu_default2.png|450px|thumb|left|link={{filepath:footer_menu_default2.png}}|Footer Menu: running default 'cog' menu]] | [[{{ns:file}}:footer_menu_default2.png|450px|thumb|left|link={{filepath:footer_menu_default2.png}}|Footer Menu: running default 'cog' menu]] | ||
− | + | ||
+ | |||
+ | |||
+ | The menu is accessed via the 'cog' icon in the bottom left hand corner of the Section Footer. | ||
<br clear=all> | <br clear=all> | ||
[[{{ns:file}}:footer_menu_default3.png|450px|thumb|left|link={{filepath:footer_menu_default3.png}}|Footer Menu: default 'cog' menu and Caption]] | [[{{ns:file}}:footer_menu_default3.png|450px|thumb|left|link={{filepath:footer_menu_default3.png}}|Footer Menu: default 'cog' menu and Caption]] | ||
+ | |||
Revision as of 07:41, 12 January 2015
Under Construction
Sections can have a Footer displayed at the bottom of the Section. This can be made Visible or hidden. It can display a Caption. It can also have a Custom menu accessed via a cog icon in the bottom left hand corner (in addition to the Caption) or a series of Buttons (no Caption). The Custom menu can trigger a Custom action (SHOWDOCUMENT()) or call an Inline Delegate or script specified in the the Custom footer menu Custom Delegate.
Double-click on the Section header or click the cog icon to access the Section Attributes. Scroll down to the Footer sub-section.
Contents
Visible
By default, the Section Footer is not visible.
To make the Footer visible, check the Visible attribute to True.
The Footer must be visible to display a Footer Caption or Footer Custom menu.
The Visible attribute can also be queried or changed programmatically using Lianja.getElementByID("page.section").footervisible.
Caption
The Caption attribute is used to specify text to be displayed in the Footer.
The Footer Caption can be formatted with HTML.
The Caption attribute can also be queried or changed programmatically using Lianja.get("page.section").footercaption.
Height
The Height attribute is used to specify the footer height.
Background color
The Background color is used to specify the footer background color.
Click the [...] button to access the 'Select Color' dialog.
Foreground color
The Foreground color is used to specify the footer foreground color.
As above, click the [...] button to access the 'Select Color' dialog.
Note: save (Done) and exit the Section Attributes to see the color change as it is greyed out while the dialog is active.
The Custom menu attribute is used to specify a comma-separated list of values as the menu items of the Section footer menu.
The menu is accessed via the 'cog' icon in the bottom left hand corner of the Section Footer.
With a default 'cog' Custom menu, a Caption can also be specified.
If this list starts with #, then the menuitems are displayed as centred buttons.
Prefix the list with #< or #> to display the buttons aligned left or right respectively.
Prefix the list with #< or #> to display the buttons aligned left or right respectively.
Alternatively, prefix the list with + to display the menuitems as horizontally autosized buttons (tablet style buttons).
Query or change the Custom menu attribute programmatically using Lianja.get("page.section").footermenu.
Custom action
Action to perform when a footer menuitem is selected. See SHOWDOCUMENT().
Footer button CSS style (separate attributes with ; or use app:/filename.css)
Footer button width
The delegate for the footer menu event.
Can be an inline delegate
Or name of a script.
//////////////////////////////////////////////////////////////// // Event delegate for 'custommenu' event proc employees_section1_custommenu(action) do case case action = "page2" messagebox("You selected page2") case action = "page3" messagebox("You selected page3") otherwise messagebox("You selected page4") endcase endproc
//////////////////////////////////////////////////////////////// // Event delegate for 'custommenu' event function employees_section1_custommenu(action) { if (action == "page2") { messagebox("You selected page2"); } else if (action == "page3") { messagebox("You selected page3"); } else { messagebox("You selected page4"); } };