Loading...
 
Skip to main content

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 items
Introduced 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.