Question

I’m trying to create a custom view (one that is not 100% listview, for example), mix and matching images and labels.

One issue is that when the label overflows greater than the screen height, the rest just gets off. I had assumed scrolling or touch-drag scrolling would be automatically enabled? How do you enable the touch-drag scrolling that happens naturally in list view?

Answer 1

I wrap all the visual elements of my View inside a Scroller – this will solve that problem

<s:Scroller id="scroller" left="10" right="10" top="10" bottom="10" >
        <s:VGroup paddingTop="3" paddingLeft="5" paddingRight="5" paddingBottom="3" horizontalAlign="center">

            <s:HGroup horizontalAlign="right" width="100%">
                <s:Image scaleMode="letterbox" source="@Embed('images/small_background.GIF')"/>
            </s:HGroup>

            <s:TextInput id="txtUsername" prompt="Enter user name..." fontFamily="Arial"/>                       
            <s:TextInput id="txtPassword" prompt="Enter password..." fontFamily="Arial"
                         displayAsPassword="true" />

            <s:Button />
            <s:Button />
        </s:VGroup>
    </s:Scroller>