3 Replies Latest reply on Oct 4, 2010 7:59 AM by RPAvatar

    Horizontal Scroll Bar Issue

    RPAvatar Level 1

      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?

        • 1. Re: Horizontal Scroll Bar Issue
          samschauhan Level 1



          Please share your code.




          • 2. Re: Horizontal Scroll Bar Issue
            RPAvatar Level 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"



            width="100%" height="100%" horizontalScrollPolicy="on" verticalScrollPolicy="on">



                  Some Code





            <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:VBox width="100%" height="100%" styleName="navMain" borderStyle="solid">


















            • 3. Re: Horizontal Scroll Bar Issue
              RPAvatar Level 1

              I also modified the html:-


              <style type="text/css" media="screen">

                   html, body { height:100%;}

                   body { margin:0; padding:0; overflow:auto; text-align:center; overflow:scroll;

                     background-color: ${bgcolor}; }  

                   #flashContent { display:none;}




              Why is the scroll inactive?