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

    Horizontal Scroll Bar Issue

    RPAvatar

      I wanted to apply a horizontal scroll policy as on. I have done that. It looks like this (it has no scroll bar):-

       

      pic.png

       

      I do not know what is the exact problem..Can anyone help me out?

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

          Hey,

           

          Please share your code.

           

          Regards,

          SAM

          • 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"

            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>

            • 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;}

              </style>

               

               

              Why is the scroll inactive?