GamePlay/samples/browser/res/common/text.form

form textTest
{
    theme = res/common/default.theme
    style = basic
    autoHeight = true
    width = 240
    layout = LAYOUT_VERTICAL
    scroll = SCROLL_VERTICAL
	consumeInputEvents = true

    label topLabel
    {
        style = title
        autoWidth = true
        height = 40
        textAlignment = ALIGN_BOTTOM_LEFT
        consumeInputEvents = false
        text = Text
    }

    // Change font
    // Wouldn't this be a great place to use a drop-down? ;)
    button fontButton
    {
        style = buttonStyle
        autoWidth = true
        height = 50
        text = Font (arial)
    }

    button wrapButton : fontButton
    {
        text = Word Wrap (On)
    }

    button clipRectButton : fontButton
    {
        text = Clipping (On)
    }

    button reverseButton : fontButton
    {
        text = Reverse Text (Off)
    }

    button switchClipRegionButton : fontButton
    {
        text = Clip Region (Viewport)
    }

    button simpleAdvancedButton : fontButton
    {
        text = Font API (Advanced)
    }

    label sizeLabel : topLabel
    {
        text = Size (18)
    }

    container size
    {
        style = noBorder
        autoWidth = true
        height = 60
        consumeInputEvents = false

        button smallerButton
        {
            style = buttonStyle
            width = 50
            height = 50
            text = -
        }

        button biggerButton : smallerButton
        {
            x = 50
            text = +
        }
    }

    label alignmentLabel : topLabel
    {
        height = 60
        text = Align (Top-left)
    }

    // Grid layout would be best, but flow should work.
    container alignments
    {
        style = noBorder
        autoWidth = true
        height = 200
        layout = LAYOUT_FLOW
        consumeInputEvents = false

        button topLeftButton
        {
            style = buttonStyle
            size = 60, 60
            text = 7
        }

        button topCenterButton : topLeftButton
        {
            text = 8
        }

        button topRightButton : topLeftButton
        {
            text = 9
        }

        button centerLeftButton : topLeftButton
        {
            text = 4
        }

        button centerButton : topLeftButton
        {
            text = 5
        }

        button centerRightButton : topLeftButton
        {
            text = 6
        }

        button bottomLeftButton : topLeftButton
        {
            text = 1
        }

        button bottomCenterButton : topLeftButton
        {
            text = 2
        }

        button bottomRightButton : topLeftButton
        {
            text = 3
        }
    }
}