GUI XML and stylesheet reference

GUI XML

Tags

Tag nameAttributesChild nodesDescription
guihead, bodyRoot level tag
headstyleHeader information.
stylesrc: stylesheet file to includeContains stylesheet information.
body"widget tags"Contains all the actual GUI information.

Widget tags

Note: Positioning coordinates are relative to the parent node (or absolute, if <body> is the parent).

Shared attributes for all types: x, y: position; id: identifier; class: style class.

Tag nameAttributesChild nodesDescription
group"widget tags"Contains other widgets, for positioning or other stuff.
textstring: string definition id
fileId: string definition file id
[text], <br>A text string. Use <br/> for line break. Texts with the "string" and "fileId" attributes uses a string definition file for its contents and should be closed. Default fileId if none is specified is 0.
imgsrc: image file name
width, height: scaling dimensions
dx, dy: non-scaling dimensions, causes the image to repeat or cuts it
repeat: sets the image texture to repeat (advanced use only)
Defines an image. The default dimensions are the image's own dimensions.
buttonvalue: text value of button
string: string definition id instead of value
fileId: string file id
bmap: use an image file as button
Defines a button that can be pressed (all widgets can actually be pressed, though).
checkboxselected: if defined, the checkbox is checkedA check box.
radiogroupselectedIndex: the selected radio box (defaults to 0)"widget tags" and <radio>Works like <group> but uses <radio> child nodes to make them work like proper radio buttons.
radioselected: if it's selected by default (may be overruled by <radiogroup>)If it's a child of <radiogroup> it works like a proper radio button, otherwise, it's mostly a checkbox which cannot be unchecked.
slidersize: length of slider
value: default slider position (0-1)
A slider
inputsize: size of input box
value: default value
maxsize: maximum number of characters
Defines an input text box.

Stylesheet

Use # for tag ids; . for classes

Properties

PropertyValueDescription
backgroundcolor
background-imagepath
background-repeatrepeat-x, repeat-y, no-repeat
opacitynumberBackground opacity.
transparentbooleanIf true, the background and border is invisible.
borderintegerBorder size
border-colorcolor
border-opacitynumber
3d-borderbooleanIf true, the border gets a 3d-effect
invert-3dbooleanIf true, the 3d-effect is inverted
fontfont name
colorcolorText color.
font-sizeinteger
paddingintegerPadding in all directions
padding-left, top, right, bottomintegerPadding in some direction
alphanumberTransparency for images or texts.
visiblebooleanIf false, the tag and all its child nodes are invisible by default.

Predefined pseudo-classes

NameDescription
hoverActive when the mouse is over the widget.
activeActive when the mouse is pressed on the widget.
selectedActive when check- and radio boxes are checked.