form basicControls
{
    layout = LAYOUT_ABSOLUTE
    size = 600, 600
	consumeInputEvents = true
    batchingEnabled = false
    	
	label title
	{
		position = 185, 0
		size = 200, 50
		text = This is a label.
	}
		
	button testButton
	{
		position = 20, 80
		size = 200, 100
		text = This is a button with a hover state.
	}

	checkbox testCheckbox
	{
		position = 20, 220
		size = 200, 40
		text = This is a checkbox.
	}
	
	slider testSlider
	{
		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
    {
        position = 20, 450
        size = 250, 80
        text = This is a text box.
		consumeInputEvents = true
    }

    textBox testPasswordTextBox
    {
        position = 20, 540
        size = 250, 40
        text = PASSWORD
        consumeInputEvents = true
        inputMode = PASSWORD
    }

	container radioButtonContainer
	{
		layout = LAYOUT_VERTICAL
		position = 330, 75
		autoWidth = AUTO_SIZE_FIT
        autoHeight = AUTO_SIZE_FIT

		radioButton choice1
		{
			text = Radio button 1.
			group = testRadio
            autoWidth = AUTO_SIZE_FIT
            autoHeight = AUTO_SIZE_FIT
			selected = true
		}

		radioButton choice2 : choice1
		{
			text = Radio button 2.
			selected = false
		}

		radioButton choice3 : choice2
		{
			text = Radio button 3.
		}
	}
	
	image testImage
	{
		position = 300, 250
        autoWidth = AUTO_SIZE_FIT
        autoHeight = AUTO_SIZE_FIT
		path = res/png/logo.png
	}

	button alignedButton
    {
		margin
		{
			right = 50
			bottom = 100
		}

        alignment = ALIGN_BOTTOM_RIGHT
        size = 200, 100
        text = Alignment: bottom-right. Right margin: 50. Bottom margin: 100.
    }
}