| <Portlet:FoldingSection . . . |
compatability |
|
| General Attributes Label Tag |
| Attribute Name |
Mandatory/Optional |
Description |
| id |
Mandatory |
This is the unique id of the folding section.This must not have
the same value as any other widget on the screen |
| label |
Optional |
This is the string that you wish to appear as the title of the folding
section. Do not subsitute a token key in here. |
| key |
Optional |
This attribute will overide the label if present. This is the token
key value that you want to display as the title. It is not necessary
to use [], just the literal string of the token key. |
| closed |
Optional |
This flag indicates the initial state of the folding section. A
boolean value of true will collapse the folding section on
intial rendering. A value of false will initially open it.
The widget will default to an open state if none is specified. |
|
Overview
A Standard folding section only requires the attributes if id and
label to be set. This will create an folding section that is defaulted
to being open.
|
|
In Browser
|
|
JSP Code
<Portlet:FoldingSection id="open" label="Open">
HTML content
</Portlet:FoldingSection>
|
|
|
How they work
This widget creates an HTML DIV tag and puts the content HTML into this
DIV. When the user clicks on the open or close icon , the style sheet
visibility of the DIV is set to "Visible" or "Hidden".
|
Overview
A Closed folding section requires the attribute closed=true. This
will create an folding section that is defaulted to being closed.
|
|
In Browser
|
|
JSP Code
<Portlet:FoldingSection id="Closed" label="Closed">
HTML content
</Portlet:FoldingSection>
|
|
|
How they work
This widget creates an HTML DIV tag and puts the content HTML into this
DIV. When the user clicks on the open or close icon , the style sheet
visibility of the DIV is set to "Visible" or "Hidden".
|
Overview
A folding section with a key rather than literal label string requires
the attribute key="" to be given a corresponding token
value.
|
|
In Browser
|
|
JSP Code
<Portlet:FoldingSection id="open" key="label.Jaffa.Widgets.Test.Key">
HTML content
</Portlet:FoldingSection>
|
|
|
How they work
This widget creates an HTML DIV tag and puts the content HTML into this
DIV. When the user clicks on the open or close icon , the style sheet
visibility of the DIV is set to "Visible" or "Hidden".
|
Controlling the look of the folding section by CSS
The folding section widget's corresponding CSS can be found in 'source/html/jaffa/css/widgets/foldingSection.css'. This CSS allows you to change these two elements td.subhead and td.line. The subhead is the Text style for the section heading and the td line is the line that you wish to display.
|
