Expand All or Expand One (Single) – Symphonix

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:

Example 154. Code JSON

"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 then singleExpandOnLoad does not work because the collapsed parameter has a higher priority than the singleExpandOnLoad 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.

Note

If you want to set the singleExpandAfterLoad to true, you must set the singleExpandOnLoad 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:

Example 155. Code JSON

"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"    }
  }

Note

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 then singleExpandOnLoad does not work because the collapsed parameter has a higher priority than the singleExpandOnLoad parameter.
If you want to set the singleExpandAfterLoad to true, you must set the singleExpandOnLoad 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:

Example 156. Code JSON

  "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.

Note

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 then singleExpandOnLoad does not work because the collapsed parameter has a higher priority than the singleExpandOnLoad 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.

Example 157. Code JSON

 "entryCollapse": {
    "collapsed": false,
    "showExpandAllCollapseAllBtns": true,
    "collapsibleIcons": {...}
  }

Example 158. Code JSON

 "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"    }
  }