Horizontal Scroll Bar Issue

Question

I wanted to apply a horizontal scroll policy as on. I have done that. It looks like this (it has no scroll bar):-
I do not know what is the exact problem..Can anyone help me out?

Answer 1

There is a application.mxml which refers to login.mxml and main.mxml. The main.mxml has four navigation mxml's. I wanted to get a scrollbar for main.mxml.
I have the code for horizontal and vertical scrollbar and it is visible also but, the scrollbar is inactive as shown int the diagram. Here is the code:-
<mx:VBox xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
width="100%" height="100%" horizontalScrollPolicy="on" verticalScrollPolicy="on">
<fx:Script>
      Some Code
</fx:Script>
<mx:HBox paddingTop="10" paddingBottom="0" width="100%" height="60" styleName="navMain" >
     <mx:Image source="styles/styles.png" scaleContent="true" />
     <mx:Label text="{df.format(new Date())} | Welcome, {username}"  fontSize="13.5" fontFamily="Arial" color="#0d4659" textAlign="right" width="90%"/>
     <mx:Button id="logou2t" label="Logout" click="PerformLogout()"  fontSize="12" fontFamily="Arial" color="#FFFFFF" width="77"/>
</mx:HBox>
<mx:VBox width="100%" height="100%" styleName="navMain" borderStyle="solid">
     <mx:TabNavigator>
          <s:NavigatorContent>
          <local:Thermostats/>
          </s:NavigatorContent>
          <s:NavigatorContent>
          <local:Scheduling/>
          </s:NavigatorContent>
          <s:NavigatorContent>
          <local:SliderChart/>
          </s:NavigatorContent>
          <s:NavigatorContent>
          <local:AccountManagement/>
          </s:NavigatorContent>
</mx:TabNavigator>
</mx:VBox>
</mx:VBox>