LGUI2:expander

A LavishGUI 2 expander element is a headered Content Container element, where the header can be placed on an edge of the Content, and the Content is collapsible.

Defining an expander element

An expander element is a Content Container with additional properties.

Expander element properties
header	An Element definition specifying the content to be placed in the headerContainer
headerContainer	An Element definition specifying the container to place the header in
expanded	A boolean value specifying whether the content is expanded (otherwise, it is collapsed)

Examples

A simple expander

{
  "type": "expander",
  "borderThickness": 1,
  "borderBrush": { "color": [ 1.0, 1.0, 1.0 ] },
  "padding": 3,
  "header": "My Expander!",
  "content": {
    "type": "stackpanel",
    "uniform": true,
    "children": [
      {
        "type": "checkbox",
        "content": "Go ahead, break everything"
      },
      {
        "type": "checkbox",
        "content": "Please don't break everything"
      },
      {
        "type": "button",
        "content": "Okay, go!",
      }
    ]
  }
}