21
Views
5
Comments
Icon in Accordion Title should trigger action and not the expand or collapse
Application Type
Reactive

Hi community,

I would like to open an popup on click of an icon that is inside an Accordion title. Without the Accordion being triggered to expand or collapse. 

I have tried the e.stopPropagation() in a javascript node, but this prevents my client action from opening the popup. 

The icon is placed in 2 different places the first one is just an single Accordion the other one is a in a list of Accordions.





Screenshot 2023-11-14 at 09.51.15.png
Screenshot 2023-11-14 at 09.53.08.png
Champion

Hello @Dean

There is a solution on a post similar to the use case by @Sam, there is a workaround provided and great explanation -

 https://www.outsystems.com/forums/discussion/80314/reactive-accordion-avoid-expand-and-collapse-on-specific-area-inside-a-list/

I hope this will help

Best Rgeards
Tousif Khan

Hi Dean,

Try this action:

Regards,

Pramod

Hi @Tousif Khan and @Pramod Torase,

Thank you for your solutions, unfortunately these solutions are not working for me. 

Kind regards,

Dean 

Champion

Hello

I tried with some customisation, it is not a full face accordion but as a workaround I did use this in my project, maybe you can try the same and add some custom styling to it to make it workable basis on your requirement.

I don't say it has all the user experience and everything what the OSUI accordion have but give it a try if it works for you

https://personal-ejuytnht.outsystemscloud.com/CustomAccordion/SampleAccordion?_ts=638357411251531670

Thanks
Tousif Khan

CustomAccordion.oml

Hi Dean,

You can try this.

OnToggle event of accordian item just check if your popup is open or not. 

if the popup is open then collapse the accordian item like this.


Attaching an OML for your reference, please check the accordian screen .

hope it helps

Thanks.

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