202
Views
12
Comments
[OutSystems UI] How to keep an accordion open by default?
outsystems-ui
Reactive icon
Forge asset by OutSystems

Hi, i want my accordion item to be open by default when website is loaded, i have set the IsOpen variable as true as well but doesn't work, can you help me resolve it?

2023-04-16 15-25-31
Krishnanand Pathak

Hi @SS27,

Set the StartsExpanded property as True of AccordionItem refer the below image


Hope this will help.

Regards
Krishnanand Pathak

UserImage.jpg
SS27

it is not present in my case, do i need to create a server action or change something somewhere else?

2023-04-16 15-25-31
Krishnanand Pathak

Let me know your OutSystemsUI version

2023-04-16 15-25-31
Krishnanand Pathak

If your Application type is Traditional web then set the IsOpen as True refer the below image.

UserImage.jpg
SS27


Hi i have it set it True initially but still not working as required

My outsystems version is 11.54.1


2021-10-01 12-43-46
N_SG

Hi @SS27,I guess you are developing traditional web app.
Please refer below oml for traditional.

   https://personal-3qzj8tce.outsystemscloud.com/Accrodiantraditional/Entry1.aspx?_ts=638151977063108532

Hope this helps!

However, if this also doesn't solve your problem, Could you please share your OML (if Possible).

Regards
N_G

Accrodiantraditional.oml
2021-10-01 12-43-46
N_SG

Hello @SS27 ,

You can do it by setting "StartsExpanded" as true . 
Go to accordion item which you want to keep open, In Properties there is setting "StartsExpanded", Set it to True .

 https://personal-3qzj8tce.outsystemscloud.com/Accordian/Accordian?_ts=638151902985780413

Please refer the attached OML.

Hope this Helps!

Accordian.oml
UserImage.jpg
SS27

Hi, i see that my application uses a custom accordion item and yours uses a accordion item, i need to check if i can replace with it accordion item or not

2023-04-16 15-25-31
Krishnanand Pathak
2021-10-01 12-43-46
N_SG
2024-09-12 02-43-38
Deepsagar Dubey

Hi @SS27 

The above post by @Krishnanand Pathak is the way how we can expand an accordion, if you are handling StartsExpanded property by any variable (IsOpen variable ) then you can try to debug variable value on Runtime.

Thanks

Deep

2022-11-12 11-28-30
Gonçalo Martins
Staff

Hi @SS27 

Can you please clarify the following so that we can try to help:

  • Traditional or Reactive Web?
  • OS UI version?
  • Can you share a sample oml with your implementation?

Cheers,
GM

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