Difference between revisions of "Section Footers"

From Lianjapedia
Jump to: navigation, search
Line 6: Line 6:
 
Section footer visible (True | False).
 
Section footer visible (True | False).
  
[[{{ns:file}}:footer_visible_false.png|450px|thumb|left|link={{filepath:footer_visible_false.png}}|Section 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]]
 
<br clear=all>
 
<br clear=all>
[[{{ns:file}}:footer_visible_true.png|450px|thumb|left|link={{filepath:footer_visible_true.png}}|Section 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]]
 
<br clear=all>
 
<br clear=all>
Query or change the Visible attribute using Lianja.get("page.section").footervisible.  
+
Query or change the Visible attribute programmatically using Lianja.get("page.section").footervisible.  
  
  
Line 16: Line 16:
 
Section footer caption.
 
Section footer caption.
  
[[{{ns:file}}:footer_caption.png|450px|thumb|left|link={{filepath:footer_caption.png}}|Section Footer Caption]]
+
[[{{ns:file}}:footer_caption.png|450px|thumb|left|link={{filepath:footer_caption.png}}|Footer Caption]]
 
<br clear=all>
 
<br clear=all>
 
The footer caption can also be formatted with HTML.
 
The footer caption can also be formatted with HTML.
  
[[{{ns:file}}:footer_caption_html.png|450px|thumb|left|link={{filepath:footer_caption_html.png}}|Section 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]]
 
<br clear=all>
 
<br clear=all>
Query or change the Caption attribute using Lianja.get("page.section").footercaption.
+
Query or change the Caption attribute programmatically using Lianja.get("page.section").footercaption.
  
 
===Height===
 
===Height===
 
Section footer height
 
Section footer height
 +
 +
[[{{ns:file}}:footer_height.png|450px|thumb|left|link={{filepath:footer_height.png}}|Footer Height]]
 +
<br clear=all>
 +
 
===Background color===
 
===Background color===
 
Section footer background color
 
Section footer background color
 +
 +
[[{{ns:file}}:footer_background_color.png|450px|thumb|left|link={{filepath:footer_background_color.png}}|Footer Background Color]]
 +
<br clear=all>
 +
 
===Foreground color===
 
===Foreground color===
 
Section footer foreground color
 
Section footer foreground color
 +
As Section footer background color.  Save the Attribute to see the color change as greyed out while in Section Attributes dialog.
 +
 
===Custom menu===
 
===Custom menu===
Section footer menu contents (comma separated list of values).  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.  Alternatively, prefix the list with + to display the menuitems as horizontally autosized buttons (tablet style buttons).
+
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]]
 +
<br clear=all>
 +
 
 +
[[{{ns:file}}:footer_menu_default2.png|450px|thumb|left|link={{filepath:footer_menu_default2.png}}|Footer Menu]]
 +
To run
 +
<br clear=all>
 +
 
 +
[[{{ns:file}}:footer_menu_centeredbuttons.png|450px|thumb|left|link={{filepath:footer_menu_centeredbuttons.png}}|Footer Menu]]
 +
If this list starts with #, then the menuitems are displayed as centred buttons.   
 +
<br clear=all>
 +
 
 +
[[{{ns:file}}:footer_menu_leftbuttons.png|450px|thumb|left|link={{filepath:footer_menu_leftbuttons.png}}|Footer Menu]]
 +
Prefix the list with #< or #> to display the buttons aligned left or right respectively.   
 +
<br clear=all>
 +
 
 +
[[{{ns:file}}:footer_menu_rightbuttons.png|450px|thumb|left|link={{filepath:footer_menu_rightbuttons.png}}|Footer Menu]]
 +
Prefix the list with #< or #> to display the buttons aligned left or right respectively.
 +
<br clear=all>
 +
 
 +
[[{{ns:file}}:footer_menu_autosizebuttons.png|450px|thumb|left|link={{filepath:footer_menu_autosizebuttons.png}}|Footer Menu]]
 +
Alternatively, prefix the list with + to display the menuitems as horizontally autosized buttons (tablet style buttons).
 +
<br clear=all>
  
Query or change the Custom menu attribute using Lianja.get("page.section").footermenu.
+
Query or change the Custom menu attribute programmatically using Lianja.get("page.section").footermenu.
  
 
===Custom action===
 
===Custom action===

Revision as of 13:32, 9 January 2015

Under Construction

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 | False).

Footer: default Visible is False


Footer: set Visible to True


Query or change the Visible attribute programmatically using Lianja.get("page.section").footervisible.


Caption

Section footer caption.

Footer Caption


The footer caption can also be formatted with HTML.

Footer Caption with HTML formatting


Query or change the Caption attribute programmatically using Lianja.get("page.section").footercaption.

Height

Section footer height

Footer Height


Background color

Section footer background color

Footer Background Color


Foreground color

Section footer foreground color As Section footer background color. Save the Attribute to see the color change as greyed out while in Section Attributes dialog.

Custom menu

Section footer menu contents (comma separated list of values).

Footer Menu


Footer Menu

To run

Footer Menu

If this list starts with #, then the menuitems are displayed as centred buttons.

Footer Menu

Prefix the list with #< or #> to display the buttons aligned left or right respectively.

Footer Menu

Prefix the list with #< or #> to display the buttons aligned left or right respectively.

Footer Menu

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

Footer button CSS style (separate attributes with ; or use app:/filename.css)

Footer button width

Footer button width

Custom Delegate: Custom footer menu

The delegate for the footer menu event.

Can be an inline delegate

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