[flexcoders] Re: two tabnavigators with different tab colors?

Wed, 07 Jun 2006 10:07:55 -0700

Take a look at the first comment just below the examples for a way to do this in Flex 1.5:

http://livedocs.macromedia.com/flex/15/asdocs_en/mx/containers/TabNavigator.html#examples


--- In [email protected], "shemeshkale" <[EMAIL PROTECTED]> wrote:
>
> 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 [email protected], "Jim Robson" jim.robson@ 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: [email protected] [mailto:[EMAIL PROTECTED] On
> > Behalf Of shemeshkale
> > Sent: Wednesday, June 07, 2006 9:59 AM
> > To: [email protected]
> > 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?
> > > >
> > >
> >
>

__._,_.___

--
Flexcoders Mailing List
FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt
Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.com




SPONSORED LINKS
Web site design development Computer software development Software design and development
Macromedia flex Software development best practice

YAHOO! GROUPS LINKS



__,_._,___

Reply via email to