gui_example.json

{
	"styles": {
		"dark": {
			"skin": "//path/to/skin.png",
			"font": "//path/to/font.ttf"
		},
		"light": {
			"skin": "//path/to/skin.png",
			"font": "//path/to/font.ttf"
		}
	},
	"settings": {
		"style": "dark",
		"textColor": [1, 1, 1, 1]
	},
	"components": {
		"mainPanel": {
			"type": "Panel",
			"position": [10, 10],
			"size": [120, 200],
			"fit": true,
			"layout": {
				"type": "Linear",
				"orientation": "VERTICAL"
			},
			"parent": null
		},
		"lblTitle": {
			"type": "Label",
			"position": [0, 0],
			"size": [0, 25],
			"parent": "mainPanel",
			"text": "Menu",
			"textAlignment": "TEXT_ALIGN_CENTER"
		},
		"buttonPlay": {
			"type": "Button",
			"position": [0, 0],
			"size": [0, 25],
			"parent": "mainPanel",
			"text": "Play",
			"textAlignment": "TEXT_ALIGN_RIGHT",
			"icon": {
				"image": "//path/to/icon.png",
				"size": [16, 16]
			},
			"iconAlignment": "ICON_ALIGN_LEFT"
		},
		"buttonExit": {
			"type": "Button",
			"position": [0, 0],
			"size": [0, 25],
			"parent": "mainPanel",
			"text": "Exit",
			"textAlignment": "TEXT_ALIGN_RIGHT",
			"icon": {
				"image": "//path/to/icon.png",
				"size": [16, 16]
			},
			"iconAlignment": "ICON_ALIGN_LEFT"
		},
		"sliderMain": {
			"type": "Slider",
			"min": 0,
			"max": 1,
			"value": 0.5,
			"precision": 1,
			"position": [0, 0],
			"size": [0, 25],
			"parent": "mainPanel"
		},
		"checkMain": {
			"type": "CheckBox",
			"selected": true,
			"text": "CheckBox",
			"position": [0, 0],
			"size": [0, 25],
			"parent": "mainPanel"
		},
		"radioGroupMain": {
			"type": "RadioGroup",
			"selected": -1,
			"options": [
				"Option 1",
				"Option 2",
				"Option 3"
			],
			"position": [0, 0],
			"size": [0, 25],
			"parent": "mainPanel"
		},
		"textEntryMain": {
			"text": "Edit Me",
			"readOnly": false,
			"masked": false,
			"position": [0, 0],
			"size": [0, 25],
			"parent": "mainPanel"
		}
	}
}