Hmm, this doesn't get rid of the border, it simply sets the color to
what the background color would look.

And it's not pure white either, the highlight only sets the upper half
of the tab to white.

I think the only way to do this is to override the skin, because the
default skin is actually semi-transparent.

Another related question. Is it possible to have fillColor works on
selected tab? The selected tab is always a flat color, can I use CSS
to make it a gradient?

Thanks!

--- In [email protected], "Randy Martin" <[EMAIL PROTECTED]> wrote:
>
> You can get rid of the border around the tabs, keep the border
around the
> tab body, and make the unselected tabs white like this:
>  
> TabNavigator {
>   tabWidth: 80;
>   tabHeight: 25;
>   horizontalAlign: right;
>   horizontalGap: 3;
>   backgroundColor: #EEEEEE;
>   tabStyleName: "myTabs";
>   selectedTabTextStyleName: "mySelectedTabs";
>   borderThickness: 1;
>   borderColor: #333333;
> }
>  
> .myTabs {
>   highlightAlphas: 1, 1;
>   fillAlphas: 1, 1;
>   fillColors: #FFFFFF, #FFFFFF;
>   cornerRadius: 0;
>   fontSize: 12;
>   color: #CCCCCC;
> }
>  
> .mySelectedTabs {
>   color: #666666;
> }
>  
> Unfortunately, this makes the selected tab the same color as the
> TabNavigator backgroundColor. If you want to distinguish the
selected tab
> from the others, you need to make the TabNavigator backgroundColor
different
> than white, or in this case #EEEEEE.
>  
> Hope this helps.
>  
> 
>    _____  
> 
> From: [email protected] [mailto:[EMAIL PROTECTED] On
> Behalf Of williamkusumo
> Sent: Thursday, September 13, 2007 11:51 PM
> To: [email protected]
> Subject: [flexcoders] Re: Cannot get unselected Tab to be pure white
> color...
> 
> 
> 
> Another thing I am having trouble with is getting rid of the borders
> around the tab (the top part, NOT the tab body)
> 
> Any idea what style I have to set? The documentation seems incomplete. 
> 
> Thanks!
> 
> --- In HYPERLINK
> "mailto:flexcoders%40yahoogroups.com"[EMAIL PROTECTED],
> "williamkusumo" <williamkusumo@>
> wrote:
> >
> > Hi!
> > 
> > I am trying to get the unselected Tab in a TabNavigator to be pure
> > white, but so far everything I tried always ended up with a gray-ish
> > tab. Why is that??
> > 
> > Here's the CSS I have:
> > 
> > .myTab
> > {
> > tabWidth:80;
> > tabHeight:25;
> > horizontalAlign:-right;
> > horizontalGap:-3;
> > backgroundColor:-#EEEEEE;
> > tabStyleName:-"myTabs";
> > selectedTabTextStyl-eName:"mySelecte-dTabs";
> > }
> > .myTabs
> > {
> > cornerRadius:-0;
> > fontSize:12;
> > color:#CCCCCC;
> > fillColors:#-FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF;
> > fillAlphas:1, 1;
> > highlightAlphas:-0, 0;
> > }
> > .mySelectedTabs
> > {
> > color:#666666;
> > }
> > 
> > I tried adjusting the alphas as well, no luck, is there any other
> > styles I need to be setting? Appreciate the help!
> >
> 
> 
> 
>  
> 
> 
> No virus found in this outgoing message.
> Checked by AVG. 
> Version: 7.5.485 / Virus Database: 269.13.18/1007 - Release Date:
9/13/2007
> 9:48 PM
>


Reply via email to