Expand my Community achievements bar.

SOLVED

AEM dialog multi composite field collapse and expand option.?

Avatar

Level 5

I have a dialog content which as a lot of data to author, where the author needs to scroll a lot inside a dialog itself. i want to avoid the scrolling and to provide a collapse and expansion options at field level. Can any one guide me how i can achieve a Dialog widget level (multi composite field group) can be a collapse and expand at dialog level.?

1 Accepted Solution

Avatar

Correct answer by
Administrator

Hi 

As mentioned by Deepika, 

Please have a look at DialogFieldSet xtype. Link:- https://docs.adobe.com/docs/en/cq/5-6/widgets-api/index.html?class=CQ.form.DialogFieldSet

collapseFirst : Boolean

    true to make sure the collapse/expand toggle button always renders first (to the left of) any other tools in the pane...

 

collapsed : Boolean

    true to render the panel collapsed, false to render it expanded (defaults to false).

 

collapsedCls : String

    A CSS class to add to the panel's element after it has been collapsed (defaults to 'x-panel-collapsed').

 

collapsible : Boolean

    True to make the panel collapsible and have the expand/collapse toggle button automatically rendered into the header ...

 

I hope this would help you.

 

Thanks and Regards

Kautuk Sahni

 

 

 



Kautuk Sahni

View solution in original post

2 Replies

Avatar

Level 3

Hi

using dialogfieldset xtype we can  group fields and have collapse /expand options for the group.

check out this link to explore more on widgets -https://docs.adobe.com/docs/en/aem/6-1/develop/components/xtypes.html

 

Note: this is for classic view dialogs.

Thanks,

Deepikaa

Avatar

Correct answer by
Administrator

Hi 

As mentioned by Deepika, 

Please have a look at DialogFieldSet xtype. Link:- https://docs.adobe.com/docs/en/cq/5-6/widgets-api/index.html?class=CQ.form.DialogFieldSet

collapseFirst : Boolean

    true to make sure the collapse/expand toggle button always renders first (to the left of) any other tools in the pane...

 

collapsed : Boolean

    true to render the panel collapsed, false to render it expanded (defaults to false).

 

collapsedCls : String

    A CSS class to add to the panel's element after it has been collapsed (defaults to 'x-panel-collapsed').

 

collapsible : Boolean

    True to make the panel collapsible and have the expand/collapse toggle button automatically rendered into the header ...

 

I hope this would help you.

 

Thanks and Regards

Kautuk Sahni

 

 

 



Kautuk Sahni