Flex Examples

The following example shows how you can change the value in a Flex Gumbo FxHSlider component by using the step() method.

Full code after the jump.

View MXML

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/11/20/stepping-through-an-fxhslider-control-in-flex-gumbo/ -->
<FxApplication name="FxHSlider_step_test"
        xmlns="http://ns.adobe.com/mxml/2009">
    <layout>
        <BasicLayout />
    </layout>

    <VGroup horizontalCenter="0" verticalCenter="0">
        <FxHSlider id="hSlider" width="100%" />
        <Label text="value = {hSlider.value}" />
        <HGroup>
            <FxButton id="stepDownButton"
                    label="step down"
                    autoRepeat="true"
                    buttonDown="hSlider.step(false);" />
            <FxButton id="stepUpButton"
                    label="step up"
                    autoRepeat="true"
                    buttonDown="hSlider.step(true);" />
        </HGroup>
    </VGroup>

</FxApplication>

View source is enabled in the following example.