Sitefinity Accordion Tab Layout

Overkill Accordion Layout

This layout implementation supports up to 7 accordion sections. By default, accordion sections 5 through 7 are hidden using the Bootstrap utility class d-none.

This approach ensures a cleaner interface on initial load while allowing flexibility for expanding content when needed.

Widget Editing Screen

This view displays the configuration interface for the accordion widget within the Sitefinity backend.

Editing Screen

In the editing mode, editors can modify the content and structure of each accordion section directly from the CMS interface.

Actual Screen (Frontend)

The final rendered layout on the frontend, with only the first four accordion sections visible by default.

Sample Code

View the implementation example in the following GitHub Gist:

• GitHub Gist