View Source

This is a new feature in Joget DX 8.

Introduction

Accordion is a page component which is used to display information, accordions are useful when you want to toggle between hiding and showing large amount of content.

Configure Accordion

Name	Description
ID	Custom ID of the Accordion
Label	Label of the row in Accordion to be shown in the UI
Custom ID	Custom ID of the row in Accordion
Expanded By Default	When checked the Accordion row will expanded by default in the UI and can be collapsed and expanded by a click
Add Row	Add row in the Accordion

Examples of Accordion Rows

Knowledge Base for DX 8 > Accordion > Screenshot 2022-08-20 130743.png

Figure 1: Accordion Example with rich text

Knowledge Base for DX 8 > Accordion > Screenshot 2022-08-20 130800.png

Figure 2: Accordion Example with Calendar

Event Listening

Knowledge Base for DX 8 > Accordion > image2022-8-20_13-3-33.png

Name	Description
Component Object	Main Menu Component
Event Name	Custom Event Name
Matched Action	Hide Component Show Component
Add Row	Adds another row for another event