579
Views
3
Comments
Solved
Accordion Expand & Collapse
Question
Application Type
Reactive
Service Studio Version
11.53.20 (Build 61431)

Hi All,

How can i achieve Expand/Collapse of all Accordion content item by using action.

Fallowed the below steps to implement - Attached is the OML for reference.

1. I created a IsExpand boolean variable and set default to False

2. Assigned the IsExpand variable to StartsExpanded for each Content/AccordionItem

3. Created a action to change the IsExpand variable to True - Expand Button

4. Created a action to change the IsExpand varibale to False - Collapse Button

Regards,

Vinod


Accordion.oml
2020-11-10 23-58-16
Raphael Ranieri
 
MVP
Solution

Hey Vinod,
You could use a simple Javascript to do it, in a way that you will click all items to make them expand or collapse.

Here is an example:

Accordion.oml
2023-03-08 10-32-19
Vinod Kumar R

Thanks Raphael Ranieri

It works.

2023-03-29 07-57-22
Kiruthika Balasubramanian

This is very helpful. Thanks for your reference.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.