LGUI2:dockpanel

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

Defining a dockpanel 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

• Base Element Types: Element - Content Container - Headered Content Container - Item List
• Layout: anchor - border - dockpanel - dragger - expander - hud - map - page - pagecontrol -panel - popup - radialpanel - screen - scrollviewer - stackpanel - tab - tabcontrol - table - treepanel - window - wrappanel
• Display: canvas - imagebox - progressbar - radialgauge - textblock
• Interaction: button - checkbox - combobox - contextmenu - dragin - filepicker - itemview - knob - listbox - mapitemview - objectview - propertyview - scrollbar - sensitivebutton - slider - textbox

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

• Layout: lgui2anchor - lgui2border - lgui2dockpanel - lgui2dragger - lgui2expander - lgui2hud - lgui2map - lgui2page - lgui2pagecontrol - lgui2panel - lgui2popup - lgui2radialpanel - lgui2screen - lgui2scrollviewer - lgui2stackpanel - lgui2tab - lgui2tabcontrol - lgui2table - lgui2treepanel - lgui2window - lgui2wrappanel
• Display: lgui2canvas - lgui2imagebox - lgui2progressbar - lgui2radialgauge - lgui2textblock
• Interaction: lgui2button - lgui2checkbox - lgui2combobox - lgui2contextmenu - lgui2dragin - lgui2filepicker - lgui2itemview - lgui2knob - lgui2listbox - lgui2mapitemview - lgui2objectview - lgui2propertyview - lgui2scrollbar - lgui2sensitivebutton - lgui2slider - lgui2textbox