form basicControls
{
    theme = res/common/default.theme
    layout = LAYOUT_ABSOLUTE
    style = basicContainer
    size = 600, 600
	consumeInputEvents = true
    	
	label title
	{
		style = underlined
		position = 185, 0
		size = 200, 50
		text = This is a label.
	}
		
	button testButton
	{
		style = buttonHover
		position = 20, 80
		size = 200, 100
		text = This is a button with a hover state.
	}

	checkbox testCheckbox
	{
		style = iconNoBorder
		position = 20, 220
		size = 200, 40
		text = This is a checkbox.
	}
	
	slider testSlider
	{
		style = topLeftNoBorder
		position = 25, 315
		size = 190, 60
		orientation = HORIZONTAL
		min = -100
		max = 100
		value = 0
		//step = 5
		text = This is a slider.
		valueTextVisible = true
		consumeInputEvents = true
	}

    label textBoxLabel
    {
        style = iconNoBorder
        position = 25, 400
        size = 200, 60
        text = Label:
    }

    textBox testTextBox
    {
        style = topLeftAlignedEntry
        position = 20, 450
        size = 250, 80
        text = This is a text box.
		consumeInputEvents = true
    }

	container radioButtonContainer
	{
		layout = LAYOUT_VERTICAL
		style = basic
		position = 330, 100
		size = 200, 140
		
		radioButton choice1
		{
			style = iconNoBorder
			text = Radio button 1.
			group = testRadio
			//position = 350, 80
			size = 180, 40
			selected = true
		}

		radioButton choice2 : choice1
		{
			text = Radio button 2.
			//position = 350, 130
			selected = false
		}

		radioButton choice3 : choice2
		{
			text = Radio button 3.
			//position = 350, 180
		}
	}
	
	image testImage
	{
		position = 300, 250
		style = basic
		size = 256, 256
		path = res/png/box-diffuse.png
		//srcRegion = 20, 20, 100, 100
		//dstRegion = 20, 20, 100, 100
	}
	
	button alignedButton
    {
		margin
		{
			right = 50
			bottom = 100
		}
	
        style = buttonStyle
        alignment = ALIGN_BOTTOM_RIGHT
        size = 200, 100
        text = Alignment: bottom-right. Right margin: 50. Bottom margin: 100.
    }
}