Reputation: 2084
I have a border container component that has some other components. the problem is when the other components inside the border components are called, the spread out of the border. Does anyone know how i could add scrollers round the border such that itz components are just within it?
<s:BorderContainer id="varGroup" includeIn="initial">
<s:Form width="151" height="154">
<s:layout>
<s:FormLayout gap="0" />
</s:layout>
<s:FormItem width="137" label="Name:" height="25">
<s:TextInput id="TnameTI" width="99"/>
</s:FormItem>
<s:FormItem width="137" label="condition:" height="25">
<s:TextInput id="TcondTI" width="99"/>
</s:FormItem>
</s:Form>
<components:NewModel x="0" y="61"/>
</s:BorderContainer>
Upvotes: 2
Views: 3102
Reputation: 12973
You need to use a s:Group inside a s:Scroller
This should do it:
<s:BorderContainer id="varGroup" includeIn="initial">
<s:Scroller left="0" right="0" top="0" bottom="0">
<s:Group width="100%" height="100%">
<!-- your stuff goes here -->
</s:Group>
</s:Scroller>
</s:BorderContainer>
Upvotes: 4
Reputation: 14221
<s:BorderContainer id="varGroup" includeIn="initial">
<s:Scroller left="0" right="0" top="0" bottom="0">
<s:Group left="0" right="0" top="0" bottom="0">
<s:Form width="151" height="154">
<s:layout>
<s:FormLayout gap="0" />
</s:layout>
<s:FormItem width="137" label="Name:" height="25">
<s:TextInput id="TnameTI" width="99"/>
</s:FormItem>
<s:FormItem width="137" label="condition:" height="25">
<s:TextInput id="TcondTI" width="99"/>
</s:FormItem>
</s:Form>
<components:NewModel x="0" y="61"/>
</s:Group>
</s:Scroller>
</s:BorderContainer>
Upvotes: 5