LGUI2:dockpanel

From Lavish Software Wiki
Jump to: navigation, search

A LavishGUI 2 dockpanel element is a specialized panel where the children are automatically "docked" to a specified edge.

Defining a panel element

A dockpanel element is defined like a panel, and has no additional properties.

However, all children of a dockpanel may have a "dock" metadata property with one of the following values: "left" "top" "right" "bottom". Note that metadata properties defined in JSON are prefixed with an underscore "_" so a typical usage looks like this

"_dock":"bottom"

Examples

From DefaultSkin.json
"window.titleBar": {
  "type": "dockpanel",
  "children": [      
    {
      "type": "button",
      "_dock": "right",
      "borderThickness": 1,
      "borderColor": [ 1, 1, 1, 1 ],
      "content": "x",
      "padding": 3,
      "onMouseButtonMove": {
        "type": "forward",
        "elementType": "window",
        "event": "onCloseButtonClick"
      }
    },
    {
      "type": "button",
      "_dock": "right",
      "borderThickness": 1,
      "borderColor": [ 1, 1, 1, 1 ],
      "content": "_",
      "padding": 3,
      "onMouseButtonMove": {
        "type": "forward",
        "elementType": "window",
        "event": "onShadeButtonClick"
      }
    }
  ],
}

LavishGUI 2 Element Types

LavishGUI 2 LavishScript Object Types

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