How to create a vertical slider in MXML?

[Justin Mclean]

Hi,

Anyone manage to get a vertical sider to work / create one in MXML?

I thought creating a slider with a SliderView and a VerticalSliderLayout and a 
VSliderMouseController would work but it doesn’t and seems a little verbose.

<?xml version="1.0" encoding="utf-8"?>
<js:Application xmlns:fx="http://ns.adobe.com/mxml/2009";
                xmlns:js="library://ns.apache.org/royale/basic"
                xmlns:b="org.apache.royale.html.beads.*"
                xmlns:c="org.apache.royale.html.beads.controllers.*"
                xmlns:l="org.apache.royale.html.beads.layouts.*">

   <js:valuesImpl>
       <js:SimpleCSSValuesImpl/>
   </js:valuesImpl>

    <js:beads>
        <js:ApplicationDataBinding />
    </js:beads>

   <js:initialView>
       <js:View width="200" height="200">
           <js:Container>
               <js:beads>
                   <js:HorizontalLayout />
               </js:beads>

               <js:Slider id="s" minimum="0" maximum="100" snapInterval="5">
                   <js:view>
                       <b:SliderView />
                   </js:view>
                    <js:beads>
                        <l:VerticalSliderLayout />
                        <c:VSliderMouseController />
                    </js:beads>
               </js:Slider>

               <js:Label text="{s.value}" />
           </js:Container>
       </js:View>
   </js:initialView>
</js:Application>

Thanks,
Justin