UserImage.jpg
Pens
33Views
1Comments
New Accordion Stop Propagation
Question
Reactive
Application Type
Reactive
Service Studio Version
11.54.25 (Build 62773)

Good Day 

I am trying to implement the Stop Propagation done on this 

Reactive Accordion Avoid Expand And Collapse on specific area inside a list | OutSystems 

However this only works on the Deprecated_Accordion. 

How can I possibly change the JS for it to work on the new accordion?

Kind Regards,
Pens


0
0
21 Sep
2022-05-02 13-50-49
Paulo Ritto
Champion

Hi @Pens ,

I tried on my personal environment with the regular accordion of OutsystemsUI for reactive (not the deprecated) and it works for me.

Here is what you should do:

1. Add a class to your checkboxes that you want to stop propagation for (you want to not expand/collapse when click on checkbox), I called it "stopProp"

2. In your accordion Item OnInitialize event, add a client action:

3. Inside that action run the following JS:

 

Feel free to test it in the exact screen, I left it anonymous for my sandbox:

https://paulo-ritto.outsystemscloud.com/NullValuesSolution/landScreen

Let me know if this helped you in anyway,

Paulo

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