How to make Horizontal SpinnerList - flash-builder

Question

I am using SpinnerList in my applicaiton and by default it has a vertical layout. But I have a requirement of Horizontal SpinnerList.
I tried rotation,direction but couldn't make a horizontal spinner list.
<s:titleContent>
<s:SpinnerListContainer direction="ltr" autoLayout="true">
<s:SpinnerList id="titleSpinner" textAlign="center">
<s:ArrayList>
<fx:String>First</fx:String>
<fx:String>Second</fx:String>
<fx:String>Third</fx:String>
<fx:String>Fourth</fx:String>
<fx:String>Fifth</fx:String>
</s:ArrayList>
</s:SpinnerList>
</s:SpinnerListContainer>
</s:titleContent>
Please guide me.

Answer 1

<s:Scroller id="scrllr" focusEnabled="false"
hasFocusableChildren="true"
width="100%">
<s:HGroup id="hg" gap="20"
paddingTop="5" paddingRight="5" paddingBottom="5" paddingLeft="5">
<s:Label text="First" color="White"
focusIn="textinput_focusInHandler(event)"/>
<s:Label text="Second" color="White"
focusIn="textinput_focusInHandler(event)" />
<s:Label text="Third" color="White"
focusIn="textinput_focusInHandler(event)" />
<s:Label text="Fourth" color="White"
focusIn="textinput_focusInHandler(event)" />
<s:Label text="Fifth" color="White"
focusIn="textinput_focusInHandler(event)" />
<s:Label text="Sixth" color="White"
focusIn="textinput_focusInHandler(event)" />
</s:HGroup>
</s:Scroller>
protected function textinput_focusInHandler(evt:FocusEvent):void
{
var idx:int = hg.getElementIndex(evt.target as IVisualElement);
var lay:HorizontalLayout = hg.layout as HorizontalLayout;
if(lay.fractionOfElementInView(idx)<1)
{
lay.horizontalScrollPosition +=lay.getScrollPositionDeltaToElement(idx).y;
}
}