41
Views
9
Comments
Solved
[OutSystems UI] accordion item collapse not working inside list?
outsystems-ui
Reactive icon
Forge asset by OutSystems
Application Type
Mobile, Reactive
Service Studio Version
11.55.22 (Build 64167)
Platform Version
11.35.0 (Build 45040)

Hi! I'm using an accordion inside a list (each list item contains an accordion). I'm trying to collapse an accordion item, but it doesn't work when it's inside the list. At first, I thought it might be a mobile issue, but when I move the accordion outside the list, the collapse function works fine.

Is there a proper way to use the collapse feature for an accordion inside a list? Or is this a known issue?

Thanks in advance!

2024-12-27 06-34-00
Suryanarayana Vundru
Solution

Hi @jesu verso ,

"I have updated the code and attached the OML file here for review.
I created a new structure and assigned the users list to a local variable of that structure type." 


Accordion1.oml
UserImage.jpg
jesu verso

sorry for late reply sir. thanks it worked on my part!

2023-02-19 05-11-08
Faais
Solution

Hi jesu verso, 

You can get the current widget ID using JavaScript and assign it to the AccordionItemCollapse action's widgetId property. I have attached the OML for your reference. 


Accordion1.oml
UserImage.jpg
jesu verso

sorry for late reply sir. and thanks it worked!

2025-03-12 07-08-15
Nilesh Trivedi

Hello @jesu verso,

You can refer to the forum discussion.

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

If possible, please share your OML file so I can review it in more detail.

Hope it helps. 

Thank You.

UserImage.jpg
jesu verso

Hello sir thanks for replying. here it is sir i create a button inside the accordion item and i named the accordion item to accrd and when i put accordionItemCollapse and the accrd.id doesnt recognize. Thank you sir

Accordion1.oml
2025-05-02 20-28-47
Drishti Menghani

Hi @jesu verso,

I've tried the following,

List

       Accordion

                 List

                     Accordion Items.

It's collapsing the Items, can check in the below url.

https://personal-sougpwxn.outsystemscloud.com/Test_InputOnChangeWithList/test

Now can you confirm is this the same use case.

Or can share the use case in more details will see.

UserImage.jpg
jesu verso

hello sir thank you for your reply, we have the same use case but my button of collapse is inside the list too. isthere a way to it?

UserImage.jpg
jesu verso

here it is sir i create a button inside the accordion item and i named the accordion item to accrd and when i put accordionItemCollapse and the accrd.id doesnt recognize. Thank you sir 

Accordion1.oml
2024-12-27 06-34-00
Suryanarayana Vundru
Solution

Hi @jesu verso ,

"I have updated the code and attached the OML file here for review.
I created a new structure and assigned the users list to a local variable of that structure type." 


Accordion1.oml
UserImage.jpg
jesu verso

sorry for late reply sir. thanks it worked on my part!

2023-02-19 05-11-08
Faais
Solution

Hi jesu verso, 

You can get the current widget ID using JavaScript and assign it to the AccordionItemCollapse action's widgetId property. I have attached the OML for your reference. 


Accordion1.oml
UserImage.jpg
jesu verso

sorry for late reply sir. and thanks it worked!

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