Difference between revisions of "LGUI2:textblock"

From Lavish Software Wiki
Jump to: navigation, search
 
Line 10: Line 10:
 
| A string containing the text to render
 
| A string containing the text to render
 
|}
 
|}
 +
 +
=== Shorthand ===
 +
A textblock element can be defined shorthand. Instead of using a JSON object, just use a JSON string containing the text.
  
 
== Examples ==
 
== Examples ==
Line 16: Line 19:
 
   "type": "textblock",
 
   "type": "textblock",
 
   "text": "Hello World!"
 
   "text": "Hello World!"
 +
}
 +
 +
; A shorthand textblock
 +
"Hello World!"
 +
 +
; Many shorthand textblocks, along with imageboxes, in a [[LGUI2:listbox|listbox]]
 +
{
 +
  "type": "listbox",
 +
  "height": 60,
 +
  "items": [
 +
    {
 +
      "type": "imagebox",
 +
      "margin": [ 1, 1, 4, 1 ],
 +
      "imageBrush": {
 +
        "color": [ 1.0, 1.0, 1.0 ],
 +
        "imageFile": "C:\\Users\\joeth\\Pictures\\ISBoxer 2 Logo - Concept 2.2 48x48.png"
 +
      }
 +
    },
 +
    {
 +
      "type": "imagebox",
 +
      "margin": [ 1, 1, 4, 1 ],
 +
      "imageBrush": {
 +
        "color": [ 1.0, 1.0, 1.0 ],
 +
        "imageFile": "C:\\Users\\joeth\\Pictures\\banana.gif"
 +
      }
 +
    },
 +
    "this is a list box",
 +
    "item one",
 +
    "item two",
 +
    "item three",
 +
    "item four",
 +
    "item five",
 +
    "item six"
 +
  ]
 
  }
 
  }
  
 
{{LGUI2:Element}}
 
{{LGUI2:Element}}

Latest revision as of 03:22, 14 July 2018

A LavishGUI 2 textblock element is a fairly straightforward text display.

Defining a textblock element

A textblock element is a Element with an additional "text" property.

textblock element properties
text A string containing the text to render

Shorthand

A textblock element can be defined shorthand. Instead of using a JSON object, just use a JSON string containing the text.

Examples

A simple textblock
{
  "type": "textblock",
  "text": "Hello World!"
}
A shorthand textblock
"Hello World!"
Many shorthand textblocks, along with imageboxes, in a listbox
{
  "type": "listbox",
  "height": 60,
  "items": [
    {
      "type": "imagebox",
      "margin": [ 1, 1, 4, 1 ],
      "imageBrush": {
        "color": [ 1.0, 1.0, 1.0 ],
        "imageFile": "C:\\Users\\joeth\\Pictures\\ISBoxer 2 Logo - Concept 2.2 48x48.png"
      }
    },
    {
      "type": "imagebox",
      "margin": [ 1, 1, 4, 1 ],
      "imageBrush": {
        "color": [ 1.0, 1.0, 1.0 ],
        "imageFile": "C:\\Users\\joeth\\Pictures\\banana.gif"
      }
    },
    "this is a list box",
    "item one",
    "item two",
    "item three",
    "item four",
    "item five",
    "item six"
  ]
}

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