New Feature

This is a new feature in Joget DX 8.


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

Figure 1: Configure Accordion.

IDCustom ID of the Accordion
LabelLabel of the row in Accordion to be shown in the UI
Custom IDCustom ID of the row in Accordion
Expanded By DefaultWhen checked the Accordion row will expanded by default in the UI and can be collapsed and expanded by a click
Add RowAdd row in the Accordion

Examples of Accordion Rows

Figure 1: Accordion Example with rich text

Figure 2: Accordion Example with Calendar

Event Listening 

Figure 4: Configure Event Listening

Component Object

The object that will be listening for an event.

This field will dynamically show selectable options depending on the page components used. e.g: if there is a page component called manage meeting in the page, it will automatically show up in this field's select box.

Event NameCustom Event Name
Matched Action 
  • Hide Component
  • Show Component
Add RowAdds another row for another event
  • No labels