Expand All or Expand One (Single)
Status
Release Available | Status | Framework Name |
---|---|---|
4.1 | Current | MUI |
General
As a Portal administrator or developer, for the dynamic container, list-view, card-view, tiles-view (starting 4.2), and accordion, you can now override the default behavior if needed to have a single expand or multiple expand as needed.
Before this Improvement, the default behavior was as mentioned below:
Mint Theme:
Dynamic Container, Component GroupBy – Multi Expand
MUI Theme:
Dynamic Container, Accordion – Single Expand
Component GroupBy – Multi Expand
Use the following configuration to override the default behavior of expanding:
"entryCollapse": {
"collapsed": false,
"singleExpandOnLoad": true,
"singleExpandAfterLoad": false,
"collapsibleIcons": {
"collapsed": "expand_less",
"expanded": "expand_more" }
}
Where,
collapsed
: Accepts a Boolean or an expression indicating if an entry should be collapsed or expanded.Note:The
collapsed
parameter is a mandatory parameter. If you do not add the collapsed parameter, the expand/collapse feature does not work.singleExpandOnLoad
: Accepts a Boolean. True indicates only one should expand on page load. Set to false to expand multiple on page load.Note:If the
collapsed
parameter is set to true thensingleExpandOnLoad
does not work because thecollapsed
parameter has a higher priority than thesingleExpandOnLoad
parameter.singleExpandAfterLoad
: Accepts a Boolean indicating only one can expand or multiple can expand when a user tries to expand other collapsed entries. Set to true to indicate that only one entry can expand at a time.
- If you want to set the
singleExpandAfterLoad
to true, you must set thesingleExpandOnLoad
to true. If you set it to false, the expand/collapse will not work as expected on user interaction. - For the Mint framework, the on-load and after-load parameters depend on collapsible icons.
For Queue-view, Card-view, and Tiles-view(starting 4.2) where group by feature is enabled, use the following configuration to override the default behavior of expanding:
"groupBy": {
"field": "AccountSource",
"ascending": true,
"titles": [
{
"title": "$this.attr(AccountSource);" }
],
"collapsed": "$this.attr(AccountSource); == \"Web\"",
"singleExpandOnLoad": false,
"singleExpandAfterLoad": false,
"collapsibleIcons": {
"collapsed": "expand_less",
"expanded": "expand_more" }
}
- The
collapsed
parameter is a mandatory parameter. If you do not add the collapsed parameter, the expand/collapse feature does not work. - If the
collapsed
parameter is set to true thensingleExpandOnLoad
does not work because thecollapsed
parameter has a higher priority than thesingleExpandOnLoad
parameter. - If you want to set the
singleExpandAfterLoad
to true, you must set thesingleExpandOnLoad
to true. If you set it to false, the expand/collapse will not work as expected on user interaction.
Starting the 4.2 release, to configure the look of the Tiles-view, use the following configurations:
"grid": {
"card": {
"sm": 6,
"xs": 12
}
}
Expand All and Collapse All buttons for MUI
Status
Release Available | Status | Framework Name |
---|---|---|
4.1 | Current | MUI only |
General
As a Portal administrator or developer, for the dynamic container, list-view, card-view, Tiles-view (starting 4.2), and accordion, you can now add Expand All/Collapse All buttons on the UI.
The
collapsed
parameter is a mandatory parameter. If you do not add the collapsed parameter, the expand/collapse feature does not work.If the
collapsed
parameter is set to true thensingleExpandOnLoad
does not work because thecollapsed
parameter has a higher priority than thesingleExpandOnLoad
parameter.You can either have "singleExpandAfterLoad" set to true or "showExpandAllCollapseAllBtns" set to true. When "singleExpandAfterLoad" is set to true, the Expand all/Collapse all buttons are not shown.
"entryCollapse": {
"collapsed": false,
"showExpandAllCollapseAllBtns": true,
"collapsibleIcons": {...}
}
"groupBy": {
"field": "AccountSource",
"ascending": true,
"titles": [
{
"title": "$this.attr(AccountSource);" }
],
"collapsed": "$this.attr(AccountSource); == \"Web\"",
"singleExpandOnLoad": false,
"singleExpandAfterLoad": false,
"showExpandAllCollapseAllBtns": true,
"collapsibleIcons": {
"collapsed": "expand_less",
"expanded": "expand_more" }
}