I have tried this but it is only working on a single accordion but same thing is not working for the accordion inside a list

Hi Adeeb,

The solution for your use-case is a bit tricky because of various reasons..

• stopPropagation() invocation on the nested elements is not respected by the outer element's hierarchy
• stopPropagation() invocation will also stop the checkbox default event

Considering the above-mentioned points, I have drafted a workaround solution. I'm not sure about the quality of approach, but it's working as required.

• Add a custom style class to the Checkbox widget as highlighted below.

Demo: AccordionInsideListTask

Refer to the attached oml

I hope this helps you!

Kind regards,

Benjith Sam

Hi benjith,

Your solution is working perfect thankyou for the answer but i am still facing an issue due to that javascript code the checkbox is not working properly because i am having a nested list inside a block and by clicking on the checkbox i want to select all the checkbox nested in that current list record which was working fine when I am selecting it before implementing the javascript i can share you the oml if you want.

Hi Adeeb, 

Sure, share your sample oml with implementation, and I'll give it a try to help you.

Kind regards,

Benjith Sam

Hi Benjith,

It worked perfectly thankyou so much for the solution.

Regards,

Adeeb Alam

You're welcome, Adeeb.

Glad to help you :)

Kind regards,

Benjith Sam