Difference between revisions of "Accordion Behavior"

From Lianjapedia
Jump to: navigation, search
Line 5: Line 5:
  
 
==Overview==
 
==Overview==
 +
Accordion Behavior is ideal for making the most of the available screen space.  When a section in an accordion is selected, it is expanded and all other sections in the accordion are automatically collapsed.
  
 +
[[{{ns:file}}:accordion1.png|450px|thumb|left|link={{filepath:accordion1.png}}|Accordion Behavior]]
 +
<br clear=all>
 +
[[{{ns:file}}:accordion2.png|450px|thumb|left|link={{filepath:accordion2.png}}|Accordion Behavior]]
 +
<br clear=all>
 +
[[{{ns:file}}:accordion3.png|450px|thumb|left|link={{filepath:accordion3.png}}|Accordion Behavior]]
 +
<br clear=all>
 +
 
==Page Attributes==
 
==Page Attributes==
 
The following Page Attributes configure Accordion Behavior.
 
The following Page Attributes configure Accordion Behavior.
Line 11: Line 19:
 
===Accordion behavior===
 
===Accordion behavior===
 
Render as accordion sections (True | False).
 
Render as accordion sections (True | False).
 +
 +
[[{{ns:file}}:accordion4.png|450px|thumb|left|link={{filepath:accordion4.png}}|Attribute: Accordion Behavior]]
 +
<br clear=all>
  
 
===Use Accordions===
 
===Use Accordions===
 
Render as accordion sections on low resolution displays.
 
Render as accordion sections on low resolution displays.
 +
 +
[[{{ns:file}}:accordion5.png|450px|thumb|left|link={{filepath:accordion5.png}}|Attribute: Use Accordions]]
 +
<br clear=all>
  
 
===Use Accordions height===
 
===Use Accordions height===
 
Render as accordion sections on low resolution displays less than this height.
 
Render as accordion sections on low resolution displays less than this height.
 +
 +
[[{{ns:file}}:accordion6.png|450px|thumb|left|link={{filepath:accordion6.png}}|Attribute: Use Accordions height]]
 +
<br clear=all>
  
 
===Stacked behavior at runtime===
 
===Stacked behavior at runtime===
Line 25: Line 42:
  
 
===Hide form NavBar===
 
===Hide form NavBar===
Hide form Navigation Bar at runtime if this section is in an Accordion Stack (True | False)
+
Hide form Navigation Bar at runtime if this section is in an Accordion Stack (True | False).
  
 
===Exclude from accordion===
 
===Exclude from accordion===
The section is excluded from accordion behavior at runtime (True | False)
+
The section is excluded from accordion behavior at runtime (True | False).
 +
 
 +
[[{{ns:file}}:accordion_exclude1.png|450px|thumb|left|link={{filepath:accordion_exclude1.png}}|Attribute: Exclude from accordion]]
 +
<br clear=all>
 +
[[{{ns:file}}:accordion_exclude2.png|450px|thumb|left|link={{filepath:accordion_exclude2.png}}|Attribute: Exclude from accordion]]
 +
<br clear=all>
 +
[[{{ns:file}}:accordion_exclude3.png|450px|thumb|left|link={{filepath:accordion_exclude3.png}}|Attribute: Exclude from accordion]]
 +
<br clear=all>
  
 
==Notes on Client Support==
 
==Notes on Client Support==
Line 45: Line 69:
 
|valign="top"|Hide form NavBar||-
 
|valign="top"|Hide form NavBar||-
 
|-
 
|-
|valign="top"|Exclude from accordion||-
+
|valign="top"|Exclude from accordion||Supported on the Desktop client only.
 
|-
 
|-
 
|}
 
|}

Revision as of 05:21, 26 October 2016

Under construction

See Also

Accordion Sections (Video)

Overview

Accordion Behavior is ideal for making the most of the available screen space. When a section in an accordion is selected, it is expanded and all other sections in the accordion are automatically collapsed.

Accordion Behavior


Accordion Behavior


Accordion Behavior


Page Attributes

The following Page Attributes configure Accordion Behavior.

Accordion behavior

Render as accordion sections (True | False).

Attribute: Accordion Behavior


Use Accordions

Render as accordion sections on low resolution displays.

Attribute: Use Accordions


Use Accordions height

Render as accordion sections on low resolution displays less than this height.

Attribute: Use Accordions height


Stacked behavior at runtime

Treat accordion sections as stacked at runtime allowing the sections to be made raised from the Navigation Panel.

Section Attributes

The following Section Attributes further configure Accordion Behavior.

Hide form NavBar

Hide form Navigation Bar at runtime if this section is in an Accordion Stack (True | False).

Exclude from accordion

The section is excluded from accordion behavior at runtime (True | False).

Attribute: Exclude from accordion


Attribute: Exclude from accordion


Attribute: Exclude from accordion


Notes on Client Support

Attribute Notes
Accordion behavior -
Use Accordions -
Use Accordions height -
Stacked behavior at runtime -
Hide form NavBar -
Exclude from accordion Supported on the Desktop client only.