Panel |
---|
borderColor | purple |
---|
bgColor | white |
---|
borderWidth | 1 |
---|
titleBGColor | #ddccff |
---|
borderStyle | solid |
---|
title | New Feature |
---|
|
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
Image Removed
Image Added
Custom 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
![](/community/download/attachments/208703598/Screenshot%202022-08-20%20130743.png?version=1&modificationDate=1660990307000&api=v2)
![](/community/download/attachments/208703598/Screenshot%202022-08-20%20130800.png?version=1&modificationDate=1660990318000&api=v2)
Event Listening
![](/community/download/attachments/208703598/image2022-8-20_13-3-33.png?version=1&modificationDate=1660989814000&api=v2)
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 |