6 Replies Latest reply on Nov 27, 2009 1:29 PM by kadaj

    Why does the Flex app not looking right?

    kadaj

      Hi,

      I am making an AIR application. But what ever application that I make in AIR using Flex has grey area at the bottom. The canvas or what can I say, the stage isn't covering the whole area.

         <------------  See here is the grey area

       

       

      In the design view everything seems fine but there is an empty space below in grey color making my application usless.

      This is a serious issuse for me.

       

      Please help.

      Thank you.

        • 1. Re: Why does the Flex app not looking right?
          pauland Level 4

          Do you mean what looks like an empty control bar at the bottom?

          • 2. Re: Why does the Flex app not looking right?
            kadaj Level 1

            Yes, the empty grey area at the bottom. Its not actually there in the design view but

            appears after running. Can I get rid of that to make the app

            look consistent.

            • 3. Re: Why does the Flex app not looking right?
              Gregory Lafrance Level 6

              showStatusBar="false"   ?

               

              If this post answers your question or helps, please mark it as such.

              • 4. Re: Why does the Flex app not looking right?
                kadaj Level 1

                Code:

                 

                <?xml version="1.0" encoding="utf-8"?>
                <mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" borderColor="#EFF4FF" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#680099, #00365F]" horizontalAlign="center" verticalAlign="middle" borderStyle="solid" width="300" height="200">
                   
                    <mx:Script>
                        <![CDATA[
                            public function clickHandler(event:MouseEvent):void
                            {
                                myText.text = "You clicked me";
                               showStatusBar= false;
                            }
                        ]]>
                    </mx:Script>   
                    <mx:Panel width="250" height="200" layout="absolute">
                        <mx:Button id="myButton" click="clickHandler(event)" label="Click" x="89" y="60"/>
                        <mx:TextArea id="myText" x="35" y="10"/>
                    </mx:Panel>
                </mx:WindowedApplication>

                 

                showStatusBar = false; doesn't change anything. Actually its not status bar, I think. But I don't know what it is.

                Creating apps in flash IDE doesn't give this problem.

                But here I *have* to use Flex Builder.

                 

                Screenshot:

                 

                 

                Thank You.

                • 5. Re: Why does the Flex app not looking right?
                  Gregory Lafrance Level 6

                  If this post answers your question or helps, please mark it as such.

                   

                  This code shows no status bar at the bottom:

                   

                   

                  <?xml version="1.0" encoding="utf-8"?>
                  <mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" 
                    layout="vertical" borderColor="#EFF4FF" backgroundGradientAlphas="[1.0, 1.0]" 
                    backgroundGradientColors="[#680099, #00365F]" horizontalAlign="center" 
                    verticalAlign="middle" borderStyle="solid" width="300" height="200"
                    showStatusBar="false">
                    <mx:Script>
                      <![CDATA[
                        public function clickHandler(event:MouseEvent):void{
                          myText.text = "You clicked me";
                          showStatusBar= false;
                        }
                      ]]>
                    </mx:Script>    
                    <mx:Panel width="250" height="200" layout="absolute">
                      <mx:Button id="myButton" click="clickHandler(event)" label="Click" x="89" y="60"/>
                      <mx:TextArea id="myText" x="35" y="10"/>
                    </mx:Panel>
                  </mx:WindowedApplication>
                  
                  • 6. Re: Why does the Flex app not looking right?
                    kadaj Level 1

                    This was the same code I was running from the beginning.

                    But now the status bar kinda thing disappeared.

                    Wow! Magic..

                     

                    Thank You for taking your time for helping me out...

                     

                    [edit]

                    Ah.. Got it!

                     

                    <mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml"
                      layout="vertical" borderColor="#EFF4FF" backgroundGradientAlphas="[1.0, 1.0]"
                      backgroundGradientColors="[#680099, #00365F]" horizontalAlign="center"
                      verticalAlign="middle" borderStyle="solid" width="300" height="200"
                      showStatusBar="false">

                    oh thats where it should be placed..Thanks!

                    I'm a newbie..