Skip navigation
Currently Being Moderated

some gap bettween my tabbedpane and vbox.

Jun 28, 2006 10:29 AM

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" >
 
Replies
  • Currently Being Moderated
    Jun 28, 2006 12:09 PM   in reply to j2eesatish
    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" >
    >


     
    |
    Mark as:
  • Currently Being Moderated
    Aug 12, 2009 12:27 AM   in reply to j2eesatish

    Hi.

     

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

    Hope this helps with TabbedPane too.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points