Plugin Accordion
This Tiki plugin allows users to place some content of a Wiki Page in a block that allow to toggle between visible or hidden content using an accordion.
It was added in Tiki 25
https://gitlab.com/tikiwiki/tiki/-/merge_requests/1516
Parameters
Create content within collapsable itemsIntroduced in Tiki 25. Required parameters are in
bold.Go to the source code
Preferences required: wikiplugin_accordion
| Parameters | Accepted Values | Description | Default | Since |
|---|---|---|---|---|
| (body of plugin) | Content of the collapsible zones, separated by "/////" | |||
headers |
text | Pipe-separated list of header titles (with or without icon syntax). Example:{i name='users'} Item 1|Item 2|Item 3 |
25 | |
headeractivebgcolor |
text | Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5). | 25.0 | |
headerbgcolor |
text | Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5). | 25.0 | |
headerbordercolor |
text | Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5). | 25.0 | |
headerborderwidth |
text | To change the width of header border in pixels (1 by default). For example: 3 for 3 pixels. | 1 | 25.0 |
headercontentcolor |
text | Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5). | 25.0 | |
headerfontsize |
text | To set the size of the headers text in pixels. For example: 20 for 20 pixels. | 16 | 25.0 |
panelbgcolor |
text | Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5). | 25.0 | |
panelbordercolor |
text | Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5). | 25.0 | |
panelborderwidth |
text | To change the width of panel border in pixels (1 by default). For example: 3 for 3 pixels | 1 | 25.0 |
panelcontentcolor |
text | Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5). | 25.0 | |
panelfontsize |
text | To set the size of the panels text in pixels. For example: 20 for 20 pixels. | 16 | 25.0 |
headerborderstyle |
(blank)| none| hidden| dotted| dashed| solid| double| groove| ridge| inset| outset | Determine the kind of border to apply to the headers. | none | 25.0 |
headerfontstyle |
(blank) normal italic oblique |
Use to change the headers text style. | normal | 25.0 |
headerfontweight |
(blank) normal bold bolder lighter 900 |
Use to change the headers text weight. | normal | 25.0 |
panelborderstyle |
(blank)| none| hidden| dotted| dashed| solid| double| groove| ridge| inset| outset | Determine the kind of border to apply to the panels. | none | 25.0 |
paneltextalignment |
(blank) left right center justify |
To set the horizontal alignment of the panels text. | left | 25.0 |
panelfontstyle |
(blank) normal italic oblique |
Use to change the panels text style. | normal | 25.0 |
panelfontweight |
(blank) normal bold bolder lighter 900 |
Use to change the panels text weight. | normal | 25.0 |
Sample code
Copy to clipboard
{ACCORDION(headers="Item 1|Item 2|Item 3")} Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pharetra placerat consectetur. Nulla semper neque vitae odio euismod eleifend. Sed interdum aliquet commodo. ///// Quisque non maximus enim, id scelerisque lectus. Aenean euismod, risus vel fringilla ullamcorper, nisi orci fermentum quam, vel rutrum diam est vel ligula. ///// Sed placerat enim sed porta volutpat. Sed dolor felis, placerat sed vulputate vel, placerat at justo. Aliquam condimentum finibus velit id pulvinar. {ACCORDION}
Will produce:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pharetra placerat consectetur. Nulla semper neque vitae odio euismod eleifend. Sed interdum aliquet commodo.
Quisque non maximus enim, id scelerisque lectus. Aenean euismod, risus vel fringilla ullamcorper, nisi orci fermentum quam, vel rutrum diam est vel ligula.
Sed placerat enim sed porta volutpat. Sed dolor felis, placerat sed vulputate vel, placerat at justo. Aliquam condimentum finibus velit id pulvinar.