Config Files

Config files are needed to load widgets. TGUI comes with the default Black theme which can be used until you have created your own theme.

The config files contain information about the widget that you want to load. Most of the information is just which image file needs to be loaded, but other important information can be put in there as well. In the Black style for example, the images from EditBox have rounded corners and the config file contains information about how many pixels the text should be from the side of the image.

The best way to write your own config files is to look at the ones that are provided with TGUI.
However if you really need a list of all options that a widget can have then you can find it below.

When it says “SplitImage available” between brackets, it means that the xxx option can be replaced by xxx_L, xxx_M and xxx_R. In this case, only the middle image will be repeated horizontally, while the left and right parts keep their ratio.

Button
  • SeparateHoverImage
  • TextColor
  • NormalImage (SplitImage available)
  • HoverImage (SplitImage available)
  • DownImage (SplitImage available)
  • FocusedImage (SplitImage available)

ChatBox
  • BackgroundColor
  • BorderColor
  • Borders
  • Scrollbar

CheckBox
  • TextColor
  • CheckedImage
  • UncheckedImage
  • HoverImage
  • FocusedImage

ChildWindow
  • BackgroundColor
  • TitleColor
  • BorderColor
  • TitleBarImage
  • CloseButtonSeparateHoverImage
  • CloseButtonNormalImage
  • CloseButtonHoverImage
  • CloseButtonDownImage
  • Borders
  • DistanceToSide

ComboBox
  • SeparateHoverImage
  • BackgroundColor
  • TextColor
  • SelectedBackgroundColor
  • SelectedTextColor
  • BorderColor
  • Borders
  • ArrowUpNormalImage
  • ArrowUpHoverImage
  • ArrowDownNormalImage
  • ArrowDownHoverImage
  • Scrollbar

EditBox
  • SeparateHoverImage
  • TextColor
  • SelectedTextColor
  • SelectedTextBackgroundColor
  • SelectionPointColor
  • SelectionPointWidth
  • Borders
  • NormalImage (SplitImage available)
  • HoverImage (SplitImage available)
  • FocusedImage (SplitImage available)

Label
  • TextColor

ListBox
  • BackgroundColor
  • TextColor
  • SelectedBackgroundColor
  • SelectedTextColor
  • BorderColor
  • Borders
  • Scrollbar

LoadingBar
  • BackImage (SplitImage available)
  • FrontImage (SplitImage available)

MenuBar
  • BackgroundColor
  • TextColor
  • SelectedBackgroundColor
  • SelectedTextColor
  • DistanceToSide

MessageBox
  • TextColor
  • ChildWindow
  • Button

RadioButton
  • TextColor
  • CheckedImage
  • UncheckedImage
  • HoverImage
  • FocusedImage

Scrollbar
  • SeparateHoverImage
  • VerticalScroll
  • TrackNormalImage
  • TrackHoverImage
  • ThumbNormalImage
  • ThumbHoverImage
  • ArrowUpNormalImage
  • ArrowUpHoverImage
  • ArrowDownNormalImage
  • ArrowDownHoverImage

Slider
  • SeparateHoverImage
  • VerticalScroll
  • TrackNormalImage (SplitImage available)
  • TrackHoverImage (SplitImage available)
  • ThumbNormalImage
  • ThumbHoverImage

Slider2d
  • SeparateHoverImage
  • TrackNormalImage
  • TrackHoverImage
  • ThumbNormalImage
  • ThumbHoverImage

SpinButton
  • SeparateHoverImage
  • ArrowUpNormalImage
  • ArrowUpHoverImage
  • ArrowDownNormalImage
  • ArrowDownHoverImage

Tab
  • SeparateSelectedImage
  • TextColor
  • DistanceToSide
  • NormalImage (SplitImage available)
  • SelectedImage (SplitImage available)

TextBox
  • BackgroundColor
  • TextColor
  • SelectedTextBackgroundColor
  • SelectedTextColor
  • SelectionPointColor
  • BorderColor
  • Borders
  • Scrollbar