3 Replies Latest reply on Aug 12, 2009 12:27 AM by loop_mode

    some gap bettween my tabbedpane and vbox.

    j2eesatish Level 1
      Hi i have placed one tabbed pane in my application. and 4 vboxes in that. I have put some wipedown effect for my vboxes and for my tabbed pane i have put green color. My intenction is the green color willbe visible for the user at the time of swiching the tab. everyting is fine. But i am getting some gap between my tabs and my vbox border. by that, one green color bar is visible for the user. How to remove the space on that top. Do we have any attributes to remove that gap.

      my sample code:
      <mx:TabNavigator borderStyle="solid" id="tabacc" width="640" height="600" change="disabletwo()" creationPolicy="all" hScrollPolicy="off" vScrollPolicy="off" backgroundColor=green" tabHeight="25" >
      <mx:VBox id="personPanel"
      label=" Member Info " width="640"
      height="600" hScrollPolicy="off" vScrollPolicy="off"
      marginTop="0" marginBottom="0" marginLeft="10"
      showEffect="resizeBig" hideEffect="resizeSmall"
      backgroundColor="white" >
        • 1. Re: some gap bettween my tabbedpane and vbox.
          Level 7
          There is default padding around the content area of any container. Try
          setting the paddingTop style on the TabNavigator to 0 to get rid of the
          space between the tabs and the child containers.

          tabacc.setStyle("paddingTop", 0);
          or
          <mx:TabNavigator paddingTop="0" .../>

          -Deepa
          Flex SDK

          "j2eesatish" <webforumsuser@macromedia.com> wrote in message
          news:e7ue9t$mcl$1@forums.macromedia.com...
          > Hi i have placed one tabbed pane in my application. and 4 vboxes in that.
          > I
          > have put some wipedown effect for my vboxes and for my tabbed pane i have
          > put
          > green color. My intenction is the green color willbe visible for the user
          > at
          > the time of swiching the tab. everyting is fine. But i am getting some
          > gap
          > between my tabs and my vbox border. by that, one green color bar is
          > visible for
          > the user. How to remove the space on that top. Do we have any attributes
          > to
          > remove that gap.
          >
          > my sample code:
          > <mx:TabNavigator borderStyle="solid" id="tabacc" width="640" height="600"
          > change="disabletwo()" creationPolicy="all" hScrollPolicy="off"
          > vScrollPolicy="off" backgroundColor=green" tabHeight="25" >
          > <mx:VBox id="personPanel"
          > label=" Member Info " width="640"
          > height="600" hScrollPolicy="off" vScrollPolicy="off"
          > marginTop="0" marginBottom="0" marginLeft="10"
          > showEffect="resizeBig" hideEffect="resizeSmall"
          > backgroundColor="white" >
          >


          • 2. Re: some gap bettween my tabbedpane and vbox.
            j2eesatish Level 1
            Thaks,
            But it also was not worked. Is thare any other alternative.


            Thanks
            • 3. Re: some gap bettween my tabbedpane and vbox.
              loop_mode

              Hi.

               

              I know the issue from TabNavigator. There, setting the TabNavigator's "verticalGap" to 0 solved the problem.

              Hope this helps with TabbedPane too.