4 Replies Latest reply on Feb 9, 2010 1:08 PM by archemedia

    How to remove the margin between objects

    SurangaRajakaruna

      Hi im new to flex ..

       

       

      <mx:Grid width="100%" borderStyle="solid" borderThickness="1" borderColor="#000000">

      <mx:GridRow paddingTop="0" paddingBottom="0" borderStyle="solid" borderThickness="1"  width="100%" height="100%">

      <mx:GridItem borderStyle="solid" borderThickness="1" borderColor="#00ccff"  width="100%" height="100%" verticalScrollPolicy="off">

      <mx:Canvas width="100%" height="50" backgroundColor="#000080">

      <mx:Label text="text"/>

      </mx:Canvas>

      </mx:GridItem>

      </mx:GridRow>

      <mx:GridRow paddingTop="0" paddingBottom="0" borderStyle="solid" borderThickness="1"  width="100%" height="100%">

      <mx:GridItem borderStyle="solid" borderThickness="1" borderColor="#00ccff"  width="100%" height="100%" verticalScrollPolicy="off">

      <mx:Canvas width="100%" height="50" backgroundColor="#CCCCCC">

      <mx:Label text="text"/>

      </mx:Canvas>

      </mx:GridItem>

      </mx:GridRow>

      </mx:Grid>

       

       

      I want to remove the gap between the 2 objects generated with above code.. please help. I have attached a sample screen of the output.

       

      _gap.png

       

       

       

      Please help ..