Add new attachment

Only authorized users are allowed to upload new attachments.

This page (revision-4) was last changed on 01-Sep-2008 22:00 by DirkFrederickx  

This page was created on 07-Oct-2007 10:54 by DirkFrederickx

Only authorized users are allowed to rename pages.

Only authorized users are allowed to delete pages.

Difference between version and

At line 1 changed one line
!! Accordion Section
[{TableOfContents }]
!! Introduction
At line 3 removed 4 lines
%%tabbedSection
%%tab-Introduction
! Accordion
At line 11 changed 2 lines
There are two accordion types:
* {{%~%accordion}}: standard accordion with tabs positioned vertically.
There are several accordion flavours:
* __%~%accordion__: standard accordion with tabs positioned vertically.
At line 16 changed one line
* {{%~%tabbedAccordion}}: tabs are positioned one behind the other like a tabbed book,
* __%~%tabbedAccordion__: tabs are positioned one behind the other like a tabbed book,
At line 15 added 2 lines
* __%~%leftAccordion__ and __%~%rightAccordion__: the tabs are positioned at the left or
right side of the tab contents like a tabbed book
At line 21 changed 3 lines
/%
%%tab-Accordion
! Vertical Accordion
!! Standard Accordion
At line 25 changed one line
All tabs are stacked vertically. Switching tabs will slide the tab vertically in or out.
All tabs are stacked vertically. Switching tabs will slide the tab vertically in or out.
At line 27 changed 3 lines
Enclose all tabs with a {{%~%accordion}} and start each tab with {{%~%tab-<tab-name>}}.
The name of a tab may only contain alphanumeric characters and a dash; (no other punctuations)
it may not start with a digit. (css classname restrictions)
Add a __%~%accordion__ around all tabs and start each tab with __%~%tab-<tab-name>__.
The name of a tab may only contain alphanumeric characters and a dash; but no other punctuations.
It may not start with a digit. (css classname restrictions)
At line 54 changed one line
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut molestie nunc eu turpis. Donec facilisis enim sed dui. Sed nunc. Cras eu arcu. Praesent vel augue vel dolor ultricies convallis. Nam consectetuer risus eu urna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam suscipit. Duis quis lacus sed tellus auctor blandit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin eget massa in ante vehicula pharetra. Ut massa pede, ornare id, ultrices eget, porta et, metus.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut molestie nunc eu turpis. Donec facilisis enim sed dui. Sed nunc. Cras eu arcu. Praesent vel augue vel dolor ultricies convallis. Nam consectetuer risus eu urna. Cum sociis natoque penatibus et magnis
[JSPWikiStyles/poppy.jpg]
dis parturient montes, nascetur ridiculus mus. Nam suscipit. Duis quis lacus sed tellus auctor blandit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin eget massa in ante vehicula pharetra. Ut massa pede, ornare id, ultrices eget, porta et, metus.
At line 63 added one line
!! Tabbed Accordion
At line 65 changed 5 lines
/%
%%tab-TabbedAccordion
! Tabbed Accordion
This [JSPWikiStyle] generates a set of horizontal tabs with accordion effect.
This accordion variant generates a set of horizontal tabs with accordion effect.
At line 87 removed one line
!This is the first tab
At line 91 changed 2 lines
!This is the second tab
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut molestie nunc eu turpis. Donec facilisis enim sed dui. Sed nunc. Cras eu arcu. Praesent vel augue vel dolor ultricies convallis. Nam consectetuer risus eu urna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam suscipit. Duis quis lacus sed tellus auctor blandit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin eget massa in ante vehicula pharetra. Ut massa pede, ornare id, ultrices eget, porta et, metus.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut molestie nunc eu turpis. Donec facilisis enim sed dui. Sed nunc. Cras eu arcu. Praesent vel augue vel dolor ultricies convallis. Nam consectetuer risus eu urna. Cum sociis natoque penatibus et magnis
[JSPWikiStyles/poppy.jpg]
dis parturient montes, nascetur ridiculus mus. Nam suscipit. Duis quis lacus sed tellus auctor blandit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin eget massa in ante vehicula pharetra. Ut massa pede, ornare id, ultrices eget, porta et, metus.
At line 95 removed one line
!This is the short third tab
At line 98 added one line
!! Side Accordion
At line 100 added 9 lines
This accordion variant generates a set of vertical tabs with accordion effect.
It is similar to a Tabbed Accordion, but the tabs appear at the left or right side instead of the top of the content.
The Side Accordion is available from v2.8 onwards.
!Left side accordion
{{{
%%leftAccordion
%%tab-FirstTopic
...
At line 110 added 2 lines
%%tab-SecondTopic
...
At line 113 added 2 lines
/%
}}}
At line 116 added 52 lines
Reality check:
%%(width:600px;)
%%leftAccordion
%%tab-FirstTopic
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In tempus ante nec ipsum. In ut felis id leo aliquet euismod. augue lorem, posuere eu, tincidunt non, bibendum quis, nisl. Integer erat erat, posuere vel, convallis feugiat, accumsan ac, sem. Sed scelerisque tortor nec leo. Etiam vel massa vitae nulla elementum aliquet. Donec egestas semper tellus. Donec ultrices ante cursus lacus. Integer nec est. Suspendisse potenti. Donec fringilla. Maecenas condimentum, arcu sit amet volutpat tincidunt, mi urna sodales nunc, eget porttitor odio lectus sit amet metus. Vivamus aliquam. Etiam lectus leo, venenatis sit amet, vestibulum eu, sollicitudin vitae, metus.
/%
%%tab-SecondTopic
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut molestie nunc eu turpis. Donec facilisis enim sed dui.
[JSPWikiStyles/poppy.jpg]
Sed nunc. Cras eu arcu. Praesent vel augue vel dolor ultricies convallis. Nam consectetuer risus eu urna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam suscipit. Duis quis lacus sed tellus auctor blandit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin eget massa in ante vehicula pharetra. Ut massa pede, ornare id, ultrices eget, porta et, metus.
/%
%%tab-ThirdTopic
* Vestibulum ante ipsum primis ...
* Ut molestie nunc eu turpis. ...
* Donec facilisis enim sed dui.
/%
/%
/%
!Right side accordion
{{{
%%rightAccordion
%%tab-FirstTopic
...
/%
%%tab-SecondTopic
...
/%
/%
}}}
Reality check:
%%(width:600px;)
%%rightAccordion
%%tab-FirstTopic
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In tempus ante nec ipsum. In ut felis id leo aliquet euismod. augue lorem, posuere eu, tincidunt non, bibendum quis, nisl. Integer erat erat, posuere vel, convallis feugiat, accumsan ac, sem. Sed scelerisque tortor nec leo. Etiam vel massa vitae nulla elementum aliquet. Donec egestas semper tellus. Donec ultrices ante cursus lacus. Integer nec est. Suspendisse potenti. Donec fringilla. Maecenas condimentum, arcu sit amet volutpat tincidunt, mi urna sodales nunc, eget porttitor odio lectus sit amet metus. Vivamus aliquam. Etiam lectus leo, venenatis sit amet, vestibulum eu, sollicitudin vitae, metus.
/%
%%tab-SecondTopic
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut molestie nunc eu turpis. Donec facilisis enim sed dui.
[JSPWikiStyles/poppy.jpg]
Sed nunc. Cras eu arcu. Praesent vel augue vel dolor ultricies convallis. Nam consectetuer risus eu urna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam suscipit. Duis quis lacus sed tellus auctor blandit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin eget massa in ante vehicula pharetra. Ut massa pede, ornare id, ultrices eget, porta et, metus.
/%
%%tab-ThirdTopic
* Vestibulum ante ipsum primis ...
* Ut molestie nunc eu turpis. ...
* Donec facilisis enim sed dui.
/%
/%
/%
Version Date Modified Size Author Changes ... Change note
4 01-Sep-2008 22:00 8.401 kB DirkFrederickx to previous
3 29-Aug-2008 09:15 4.893 kB JanneJalkanen to previous | to last
2 28-Aug-2008 18:07 4.889 kB 62.208.225.86 to previous | to last
1 07-Oct-2007 10:54 4.893 kB DirkFrederickx to last
« This page (revision-4) was last changed on 01-Sep-2008 22:00 by DirkFrederickx