i m trying to change the colors of the Tabs themselves. not the TabNavigator background. it works? really? weird? plz try again with this code then dont work for me - flex 1.5 u should get 2 TabNavigators with white backgrounds the top should have red Tabs and the bottom Blue Tabs. if its not working replace ".myTabStyle1" with "Tab" to see desired effect.
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml" width="100%" height="100%"> <mx:Style> .MyTabNavigator { background-color:#ffffff; tabStyleName: myTabStyle1; } .MyTab { background-color:#ffffff; tabStyleName: myTabStyle2; } .myTabStyle1 { fill-colors: #ff0000, #ff0000; } .myTabStyle2 { fill-colors: #0000ff, #0000ff; } </mx:Style> <mx:VBox width="100%" height="100%"> <mx:TabNavigator width="100%" height="50%" styleName="MyTabNavigator"> <mx:HBox label="Tab title 1"></mx:HBox> <mx:HBox label="Tab title 2"></mx:HBox> <mx:HBox label="Tab title 3"></mx:HBox> <mx:HBox label="Tab title 4"></mx:HBox> </mx:TabNavigator> <mx:TabNavigator width="100%" height="50%" styleName="MyTab"> <mx:HBox label="Tab title 1" ></mx:HBox> <mx:HBox label="Tab title 2"></mx:HBox> <mx:HBox label="Tab title 3" ></mx:HBox> <mx:HBox label="Tab title 4"></mx:HBox> </mx:TabNavigator> </mx:VBox> </mx:Application> --- In flexcoders@yahoogroups.com, "Jim Robson" <[EMAIL PROTECTED]> wrote: > > Your code works fine for me. I get one red TabNavigator and one blue > TabNavigator. I am using Flex 2.0 - I don't know if something changed > relative to TabNavigator styles since 1.5. > > > > _____ > > From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On > Behalf Of shemeshkale > Sent: Wednesday, June 07, 2006 9:59 AM > To: flexcoders@yahoogroups.com > Subject: [flexcoders] Re: two tabnavigators with different tab colors? > > > > oops.. > here is the code again: NOT WORKING. > > <?xml version="1.0" encoding="utf-8"?> > <mx:Application xmlns:mx="http://www.macromed > <http://www.macromedia.com/2003/mxml> ia.com/2003/mxml" > width="100%" height="100%"> > <mx:Style> > .MyTabNavigator { > background-color:#FF0000; > tabStyleName: myTabStyle; > } > > .MyTab { > background-color:#0033FF; > } > > .myTabStyle { > fill-colors: #ff0000, #ff0000; > } > > </mx:Style> > > <mx:VBox width="100%" height="100%"> > <mx:TabNavigator width="100%" height="50%" styleName="MyTabNavigator"> > <mx:HBox label="Tab title 1"></mx:HBox> > <mx:HBox label="Tab title 2"></mx:HBox> > </mx:TabNavigator> > <mx:TabNavigator width="100%" height="50%" styleName="MyTab"> > <mx:HBox label="Tab title 1" ></mx:HBox> > <mx:HBox label="Tab title 2"></mx:HBox> > </mx:TabNavigator> > </mx:VBox> > </mx:Application> > > --- In [EMAIL PROTECTED] <mailto:flexcoders%40yahoogroups.com> ups.com, > "Jim Robson" <jim.robson@> wrote: > > > > I think you have an extra dot in your CSS style definitions. There > should be > > only one dot before each style name, as follows: > > > > > > > > .MyTabNavigator { > > background-color:#FF0000; > > tabStyleName: myTabStyle; > > } > > > > > > > > _____ > > > > From: [EMAIL PROTECTED] <mailto:flexcoders%40yahoogroups.com> ups.com > [mailto:[EMAIL PROTECTED] <mailto:flexcoders%40yahoogroups.com> ups.com] > On > > Behalf Of shemeshkale > > Sent: Wednesday, June 07, 2006 9:22 AM > > To: [EMAIL PROTECTED] <mailto:flexcoders%40yahoogroups.com> ups.com > > Subject: [flexcoders] Re: two tabnavigators with different tab colors? > > > > > > > > i thought of something like this but its not working! > > here is my code: what m i doing wrong? > > > > <?xml version="1.0" encoding="utf-8"?> > > <mx:Application xmlns:mx="http://www.macromed > > <http://www.macromed <http://www.macromedia.com/2003/mxml> > ia.com/2003/mxml> ia.com/2003/mxml" > > width="100%" height="100%"> > > <mx:Style> > > ..MyTabNavigator { > > background-color:#FF0000; > > tabStyleName: myTabStyle; > > } > > > > ..MyTab { > > background-color:#0033FF; > > } > > > > ..myTabStyle { > > fill-colors: #ff0000, #ff0000; > > } > > > > </mx:Style> > > > > <mx:VBox width="100%" height="100%"> > > <mx:TabNavigator width="100%" height="50%" styleName="MyTabNavigator"> > > <mx:HBox label="Tab title 1"></mx:HBox> > > <mx:HBox label="Tab title 2"></mx:HBox> > > </mx:TabNavigator> > > <mx:TabNavigator width="100%" height="50%" styleName="MyTab"> > > <mx:HBox label="Tab title 1" ></mx:HBox> > > <mx:HBox label="Tab title 2"></mx:HBox> > > </mx:TabNavigator> > > </mx:VBox> > > </mx:Application> > > > > --- In [EMAIL PROTECTED] <mailto:flexcoders%40yahoogroups.com> > ups.com, > > "Jim Robson" <jim.robson@> wrote: > > > > > > I think you may be looking for tabStyleName: > > > > > > > > > > > > TabNavigator { > > > > > > fillColors: #FF0000, #CC0000; > > > > > > tabStyleName: myTabStyle; > > > > > > } > > > > > > .myTabStyle { > > > > > > fillColors: #FF0000, #CC0000; > > > > > > } > > > > > > > > > > > > _____ > > > > > > From: [EMAIL PROTECTED] <mailto:flexcoders%40yahoogroups.com> > ups.com > > [mailto:[EMAIL PROTECTED] <mailto:flexcoders%40yahoogroups.com> > ups.com] > > On > > > Behalf Of shemeshkale > > > Sent: Wednesday, June 07, 2006 8:12 AM > > > To: [EMAIL PROTECTED] <mailto:flexcoders%40yahoogroups.com> ups.com > > > Subject: [flexcoders] two tabnavigators with different tab colors? > > > > > > > > > > > > hi, > > > i have two TabNavigators in flex 1.5 > > > i want to give each of them different tab colors. > > > fillColors is not working on a TabNavigator but only on Tab in the > > > style declartion. > > > so how do i give each navigator different tab colors? > > > > > > ------------------------ Yahoo! Groups Sponsor --------------------~--> You can search right from your browser? It's easy and it's free. See how. http://us.click.yahoo.com/_7bhrC/NGxNAA/yQLSAA/nhFolB/TM --------------------------------------------------------------------~-> -- Flexcoders Mailing List FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.com Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/flexcoders/ <*> To unsubscribe from this group, send an email to: [EMAIL PROTECTED] <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/