Setting the padding around the gripper on a WindowedApplication in Adobe AIR

<?xml version="1.0" encoding="utf-8"?>
<!-- http://airexamples.com/2008/12/25/setting-the-padding-around-the-gripper-on-a-windowedapplication-in-adobe-air/ -->
<mx:WindowedApplication name="WindowedApplication_gripperPadding_test"
        xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        gripperPadding="{slider.value}"
        showStatusBar="{checkBox.selected}">
 
    <mx:ApplicationControlBar dock="true">
        <mx:Form>
            <mx:FormItem label="gripperPadding:">
                <mx:HSlider id="slider"
                        minimum="0"
                        maximum="10" 
                        value="3" 
                        snapInterval="1" 
                        tickInterval="1" 
                        liveDragging="true" />
            </mx:FormItem>
            <mx:FormItem label="showStatusBar:">
                <mx:CheckBox id="checkBox"
                        selected="true" />
            </mx:FormItem>
        </mx:Form>
    </mx:ApplicationControlBar>
 
</mx:WindowedApplication>

<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
<systemChrome>none</systemChrome>
 
<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
<transparent>true</transparent>