LGUI2:expander

From Lavish Software Wiki
Jump to: navigation, search

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)

Events

expander events
Define these Event Handlers within an "eventHandlers" Object
onExpanded The popup is now expanded
onCollapsed The expander is now collapsed
onExpandedChanged The expander state changed

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!",
      }
    ]
  }
}



LavishGUI 2 Element Types

LavishGUI 2 LavishScript Object Types

Core API (see Using LavishGUI 2 from LavishScript)
lgui2 - lgui2eventargs - lgui2eventhandler - lgui2elementtype - lgui2itemviewgeneratorargs - lgui2inputbinding - lgui2layer - lgui2skin
Enums
elgui2dpad - elgui2edge - elgui2fontflags - elgui2horizontalalignment - elgui2imageorientation - elgui2progresstext - elgui2scrollbar - elgui2verticalignment
Element Components
lgui2brush - lgui2fontstyle - lgui2margins - lgui2item
Element Base Types
lgui2element - lgui2bordered - lgui2contentbase - lgui2headeredcontentbase - lgui2itemlist
Elements