Difference between revisions of "LGUI2:expander"

From Lavish Software Wiki
Jump to navigation Jump to search
Line 1: Line 1:
A [[LavishGUI 2]] expander element is a headered [[LGUI2:Content Container|Content Container]] element, where the header can be placed on an edge of the Content, and the Content is collapsible.
+
A [[LavishGUI 2]] expander element is a [[LGUI2:Headered Content Container|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 ==
 
== Defining an expander element ==
Line 51: Line 51:
 
[[Category:LavishGUI 2 Bordered Elements]]
 
[[Category:LavishGUI 2 Bordered Elements]]
 
[[Category:LavishGUI 2 Content Container Elements]]
 
[[Category:LavishGUI 2 Content Container Elements]]
 +
[[Category:LavishGUI 2 Headered Content Container Elements]]

Revision as of 21:59, 15 July 2018

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



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 - lgui2property - lgui2radialitem - lgui2radialgaugeneedle
Element Base Types
lgui2element - lgui2bordered - lgui2contentbase - lgui2headeredcontentbase - lgui2itemlist
Elements