Display content in collapsable panels

Installs: 37 591

Dependents: 1

Suggesters: 0

Security: 0

Stars: 0

Watchers: 8

Forks: 8

Open Issues: 1


4.0.0 2023-10-23 16:43 UTC


SilverStripe Elemental Accordion Block

A block that displays content in collapsable panels.

CI codecov

Latest Stable Version Total Downloads Latest Unstable Version License


  • dnadesign/silverstripe-elemental: ^5
  • dynamic/silverstripe-elemental-baseobject: ^4
  • symbiote/silverstripe-gridfieldextensions: ^4


composer require dynamic/silverstripe-elemental-accordion


See License

Upgrading from version 2

Elemental Accordion drops sheadawson/silverstripe-linkable usage in favor of gorriecoe/silverstripe-linkfield. To avoid data loss, install the dynamic/silverstripe-link-migrator module as follows:

composer require dynamic/silverstripe-link-migrator

Then, run the task "Linkable to SilverStripe Link Migration" via /dev/tasks, or cli via:

vendor/bin/sake dev/tasks/LinkableMigrationTask

This will populate all of the new Link fields with data from the old class.


A block that allows you to create collapsible content blocks.

Template Notes

The default templates are based off Bootstrap 4 cards and collapse. If a theme is not using bootstrap, panel functionality will need to be implemented based on the theme’s UX options or via third party scripts such as jQuery UI.

Screen Shots

Front End sample of an Accordion

Front End sample of an Accordion

CMS - Accordion Main Tab

Accordion Main Tab

CMS - Accordion Panel List

CMS - Accordion Panel List

CMS - Accordion Panel Edit

CMS - Accordion Panel Edit

Getting more elements

See Elemental modules by Dynamic


See SilverStripe Elemental Configuration


The translations for this project are managed via Transifex and are updated automatically during the release process. To contribute, please head to the link above and get translating!



Bugs are tracked in the issues section of this repository. Before submitting an issue please read over existing issues to ensure yours is unique.

If the issue does look like a new bug:

  • Create a new issue
  • Describe the steps required to reproduce your issue, and the expected outcome. Unit tests, screenshots and screencasts can help here.
  • Describe your environment as detailed as possible: SilverStripe version, Browser, PHP version, Operating System, any installed SilverStripe modules.

Please report security issues to the module maintainers directly. Please don't file security issues in the bugtracker.

Development and contribution

If you would like to make contributions to the module please ensure you raise a pull request and discuss with the module maintainers.