Hi,

I've just built an Accordion dynamically using a list as an input.

I would like to add another accordion inside each item of the parent accordion but I'm not able to add another list record widget inside the accordion item.

I've seen another thread saying you can achieve this with web blocks and passing the parent id to the child web block but I'm not being very successful with this approach, can't seem to find a way to pass any parameter to another web block.

If someone can point me in the right direction I would appreciate that.


Thanks

What version of the platform and Service Studio are you using?

Have you gone through the online training, specifically the section on web blocks?

https://www.outsystems.com/learn/lesson/1787/web-blocks/

You may also find this forum thread useful, in terms of communicating between screen and web block:

https://www.outsystems.com/forums/discussion/42723/data-from-web-screen-to-web-block/

Solution

Hi Pedro,

With the accordion of Outsystems Web UI isnt possible to do it. But I added a component with a demo that could help you. Check it here.

Regards,

Marcelo

Solution

Hi,

Thank you for your answers, after a bit of work I managed to deploy the accordions correctly.

I'm now having issues with the noExpand propagation events.

I added the noExpand style class to the titles of the parent and child accordion, added the webblock with the noExpand JS in the main screen


The onclick event only works when clicking the title (which doesn't expand the accordion) and when clicking the accordion arrow, te event propagates to the child and they all expand.


Please find the attached screen recording :

https://drive.google.com/file/d/17DN2t0lDd_L5X6KOK1ouBj_AADLkUL4f/view?usp=sharing

(I added a JS alert to the onclick event that's doesn't appear on the screen recording)

Hi Pedro,

Adding the onExpand to the child shouldn't cause that. I added myself and everything keeps working fine. Do you have the last version of Outsystems Web UI Installed?

Regards,

Marcelo

Marcelo, 

Managed to make it work using the NestedAccordion module (you attached) as dependency and using it in my project.


Thank you very much for your  support