Difference between revisions of "Section Footers"

Revision as of 07:33, 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.

////////////////////////////////////////////////////////////////
// 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");
	}
};

@@ Line 1: / Line 1: @@
 ''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()]], call an [[Inline Delegates|Inline Delegate]] or call a Custom delegate script.
+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 Delegates|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.
 ===Visible===
-Section footer visible (True &#124; False).
 [[{{ns:file}}:footer_visible_false.png|450px|thumb|left|link={{filepath:footer_visible_false.png}}|Footer: default Visible is False]]
+By default, the Section Footer is not visible.
 <br clear=all>
 [[{{ns:file}}:footer_visible_true.png|450px|thumb|left|link={{filepath:footer_visible_true.png}}|Footer: set Visible to True]]
+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.
 <br clear=all>
-Query or change the Visible attribute programmatically using Lianja.get("page.section").footervisible.
+The Visible attribute can also be queried or changed programmatically using Lianja.getElementByID("page.section").footervisible.
 ===Caption===
-Section footer caption.
 [[{{ns:file}}:footer_caption.png|450px|thumb|left|link={{filepath:footer_caption.png}}|Footer Caption]]
+The Caption attribute is used to specify text to be displayed in the Footer.
 <br clear=all>
-The footer caption can also be formatted with HTML.
 [[{{ns:file}}:footer_caption_html.png|450px|thumb|left|link={{filepath:footer_caption_html.png}}|Footer Caption with HTML formatting]]
+The Footer Caption can be formatted with HTML.
 <br clear=all>
-Query or change the Caption attribute programmatically using Lianja.get("page.section").footercaption.
+The Caption attribute can also be queried or changed programmatically using Lianja.get("page.section").footercaption.
 ===Height===
-Section footer height
 [[{{ns:file}}:footer_height.png|450px|thumb|left|link={{filepath:footer_height.png}}|Footer Height]]
+The Height attribute is used to specify the footer height.
 <br clear=all>
 ===Background color===
-Section footer background color
 [[{{ns:file}}:footer_background_color.png|450px|thumb|left|link={{filepath:footer_background_color.png}}|Footer Background Color]]
+The Background color is used to specify the footer background color.
+Click the [...] button to access the 'Select Color' dialog.
 <br clear=all>
 ===Foreground color===
-Section footer foreground color
+The Foreground color is used to specify the footer foreground color.
-As Section footer background color.  Save the Attribute to see the color change as greyed out while in Section Attributes dialog.
+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.
 ===Custom menu===
 Section footer menu contents (comma separated list of values).
-[[{{ns:file}}:footer_menu_default1.png|450px|thumb|left|link={{filepath:footer_menu_default1.png}}|Footer Menu]]
+[[{{ns:file}}:footer_menu_default1.png|450px|thumb|left|link={{filepath:footer_menu_default1.png}}|Footer Menu: default 'cog' menu]]
 <br clear=all>
-[[{{ns:file}}:footer_menu_default2.png|450px|thumb|left|link={{filepath:footer_menu_default2.png}}|Footer Menu]]
+[[{{ns:file}}:footer_menu_default2.png|450px|thumb|left|link={{filepath:footer_menu_default2.png}}|Footer Menu: running default 'cog' menu]]
 To run
+<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]]
+With a default 'cog' Custom menu, a Caption can also be specified.
 <br clear=all>

Difference between revisions of "Section Footers"

Revision as of 07:33, 12 January 2015

Contents

Visible

Caption

Height

Background color

Foreground color

Custom menu

Custom action

Footer button CSS

Footer button width

Custom Delegate: Custom footer menu

Navigation menu

Search