Question

I have the following application and I am trying to put a scrollbar somewhere inside the TabNavigator, preferably on the innermost Vbox, but the scrollbar always ends up on the Panel. Is there some kind of property which controls this? I thought height=100% would have controlled it but it doesn’t seem to work.

Sample is here. You can view source on it:
VBox Sample

Here is the source anyway:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" viewSourceURL="srcview/index.html">
    <mx:Panel width="400" height="400">
        <mx:TabNavigator width="100%" height="100%" creationPolicy="all">
            <mx:VBox label="Tab 1" width="100%" height="100%">
                <mx:ViewStack width="100%" height="100%">
                    <mx:VBox width="100%" height="100%">
                        <mx:Text width="100%" height="500" text="This box is taller than the Panel, but the scrollbar is on the window." />
                    </mx:VBox>
                </mx:ViewStack>
            </mx:VBox>
        </mx:TabNavigator>    
    </mx:Panel>
</mx:Application>

Answer 1

I found the proper solution is to set the minheight on the box to 0. When the minheight is not defined, the box will try to remain at it’s measured height. By setting the minheight you are telling the box it is ok to shrink.