Content - News Menu - Ressources Menu - Sitemap - Share your code - Code library - Reference
Formidable is part of the TYPO3 Project and is supported by Ameos
The accordion is a container that allow to display a lot of content in a mimimal space, while remaining easily browsable.
To work properly, the accordion needs the scriptaculous library to be loaded.
To do so, define /meta/libs=scriptaculous
The accordion javascript is MIT-licensed by Stickmanlabs
| path | data type | req | default | uobj | description |
|---|---|---|---|---|---|
| all |
This control has applied all the common properties of renderlet. See renderlet:* section for the complete list of common properties to use. | ||||
| speed | integer | 8 | The speed of the animation. Higher is faster. Range from 0 to 10. | ||
| classToggle | string; css-class | accordion_toggle | A css-class name to set on every non-active accordion handle. | ||
| classToggleActive | string; css-class | accordion_toggle_active | A css-class name to set on the active accordion handle. | ||
| direction | string | vertical | One of "vertical", "horizontal". Determines in which direction the accordion expands. | ||
| event | string | click | One of "click", "mouseover". Determines which event the accordion will listen to. | ||
| width | integer | The width of the accordion, if forced. By default, the width is automatic. | |||
| height | integer | The height of the accordion, if forced. By default, the height is automatic. |
Provided by Ameos
The accordion will consider it's immediate dependancy (childs) as alternatively the handles and the contents of the accordion.
In that way, a typical implementation is to define the childs of a renderlet:ACCORDION as a groupment of pairs of renderlet:BOX, first of the pair being the handle and the second the content of an accordion panel.