FormLayout gap testing

by russ
The slider dynamically changes the gap
♥0 | Line 22 | Modified 2012-10-31 02:11:54 | MIT License
play

ActionScript3 source code

/**
 * Copyright russ ( http://wonderfl.net/user/russ )
 * MIT License ( http://www.opensource.org/licenses/mit-license.php )
 * Downloaded from: http://wonderfl.net/c/yQKQ
 */

<?xml version="1.0"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark">

    <s:controlBarContent>
        <s:HSlider id="gapSlider" minimum="-50" maximum="50" value="6" />
        <s:Label text="&lt;-- adjust slider to dynamically change gap" />
    </s:controlBarContent>

    <s:Form>
        <s:layout>
            <s:FormLayout gap="{gapSlider.value}" />
        </s:layout>

        <s:FormItem label="Item 1:">
            <s:Label text="Foo"/>
        </s:FormItem>

        <s:FormItem label="Item 2:">
            <s:CheckBox />
        </s:FormItem>

        <s:FormItem label="Item 3:">
            <s:TextInput />
        </s:FormItem>
    </s:Form>

</s:Application>