156
Views
3
Comments
Solved
[OutSystems UI] Accordion Item not expanding despite input parameter on True
outsystems-ui
Reactive icon
Forge asset by OutSystems
Application Type
Reactive

Followed the migration path to update the deprecated Accordion Item to new one available in OutSysems UI 2.14.0.
 Using Accordion Item to display data on the screen and divide it in sections. User can set a default value on what to show expanded when opening the screen.
The boolean input parameter is passed on to the web block, but does not expand when at opening screen while parameter is on True. Performing a browser refresh sometimes expands and in other times closes the accordion item randomly.

When StartsExpanded is set to True and not using the input parameter IsSectionOpen, it opens right away and stays open, even after browser refresh.

The  Migration path mentions:
Instead of changing the value of the StartsExpanded parameter, to expand and collapse the AccordionItem, use the new actions AccordionItemExpand/AccordionItemExpandAll, AccordionItemCollapse/AccordionItemCollapseAll. Changing the value of the StartsExpanded parameter, will not change its state. 

But when creating the client action to execute AccordionItemExpand OnInitialize, it's not possible to select the widget id of the accordion item to set the mandatory input id. Only other widgets are in scope.
How to get this working in the same way as 'old' accordion item?

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

Hello @Robert Roersch 

Did you add a name to the element so that you can have access to its Id?
Only elements with the attribute name filled in will appear on the dropdown. 

Cheers
GM

2021-07-29 06-38-13
Robert Roersch

Thanks for the quick response and  solution.

Steps followed :

1-Populate the name of the AccordionItem in order for OutSystems to assign it an widget id. That id is required as input for the AccordeonItemExpand action.

2-Leave the property ExpandedAtStart empty; means default False applies, so collapsed;

3-Client action to Expand using the former boolean input variable condition (with user default) when on True;

 4-Start client action in the OnAfterFetch of the screen’s data aggregate.

2022-01-13 11-39-41
Bernardo Cardoso
Staff

Hi @Robert Roersch,

Can you please send an oml with your use-case? So that I can more clearly see what is happening and provide a workaround?


Best regards,

Bernardo Cardoso



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

Hello @Robert Roersch 

Did you add a name to the element so that you can have access to its Id?
Only elements with the attribute name filled in will appear on the dropdown. 

Cheers
GM

2021-07-29 06-38-13
Robert Roersch

Thanks for the quick response and  solution.

Steps followed :

1-Populate the name of the AccordionItem in order for OutSystems to assign it an widget id. That id is required as input for the AccordeonItemExpand action.

2-Leave the property ExpandedAtStart empty; means default False applies, so collapsed;

3-Client action to Expand using the former boolean input variable condition (with user default) when on True;

 4-Start client action in the OnAfterFetch of the screen’s data aggregate.

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