LGUI2:expander

From Lavish Software Wiki
Revision as of 18:41, 16 July 2018 by Lax (talk | contribs)
(diff) ←Older revision | view current revision (diff) | Newer revision→ (diff)
Jump to navigation Jump to 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 - lgui2animateargs - lgui2animationtype - lgui2elementref - lgui2eventargs - lgui2eventhandler - lgui2elementtype - lgui2itemviewgeneratorargs - lgui2inputbinding - lgui2layer - lgui2skin - lgui2trigger
Enums
elgui2animationframestate - elgui2dpad - elgui2edge - elgui2fontflags - elgui2horizontalalignment - elgui2imageorientation - elgui2progresstext - elgui2scrollbar - elgui2sizetocontent - elgui2verticalignment - elgui2visibility
Element Components
lgui2animation - lgui2brush - lgui2fontstyle - lgui2margins - lgui2item - lgui2radialitem - lgui2radialgaugeneedle
Element Base Types
lgui2element - lgui2bordered - lgui2contentbase - lgui2headeredcontentbase - lgui2itemlist
Elements