I found the problem why the first and last tabBar were behaving weirdly (from my last post). What happened was that when I duplicated the TabBar$tab_skin (mc name of tabBar from the Flex Skins Template) to create firstTabBar and lastTabBar, and have Export for ActionScript checked, the automatically created base class for the duplicated mc was set to flash.display.MovieClip.
By changing it to mx.flash.UIMovieClip , it will fix the problem. --- On Mon, 6/30/08, Yochikoh Haruomi <[EMAIL PROTECTED]> wrote: From: Yochikoh Haruomi <[EMAIL PROTECTED]> Subject: Re: [flexcoders] Re: Flex3 : TabNavigator : problem skinning first & last tab bar To: [email protected] Date: Monday, June 30, 2008, 4:29 AM Thanks for taking a look Ben. It's actually just one period. Another period was added automatically when I pasted the code in the email... http://krittiya. com/test/ SkinTabNavFlex3/ bin-release/ srcview/index. html --- On Sun, 6/29/08, ben.clinkinbeard <ben.clinkinbeard@ gmail.com> wrote: > From: ben.clinkinbeard <ben.clinkinbeard@ gmail.com> > Subject: [flexcoders] Re: Flex3 : TabNavigator : problem skinning first & > last tab bar > To: [EMAIL PROTECTED] ups.com > Date: Sunday, June 29, 2008, 1:59 PM > Why do your style names have two periods in front of them? > ..tabBarTab > should be .tabBarTab > > HTH, > Ben > > > > --- In [EMAIL PROTECTED] ups.com, Yochikoh Haruomi > <thebeginnersmind@ ...> wrote: > > > > Hi List, > > I have a problem skinning the first & last tab bar > in flex3. Only > the middle tab works.. > > > > My first tab bar only has 2 pieces of graphic. One for > unselected > state and another for selected state. > > > > The problem is that the first tab bar animates itself > through > different states when it is supposed to stop at the up > state. Same > thing happens to the last tab bar. > > > > This is how it looks like: > > > > > http://krittiya. com/test/ SkinTabNavFlex3/ bin-release/ SkinTabNavFlex3. html > > ( right click to view source) > > > > I used Flex Skin template in flash cs3 to create the > skin. I > duplicated the symbol of the middle tab to create the first > tab and > last tab. And assigned them new linkage names. And here is > my css code. > > > > > > // css code > > TabBar > > { > > tabStyleName : "tabBarTab"; > > firstTabStyleName: "tabBarFirstTab" ; > > lastTabStyleName : "tabBarLastTab" ; > > } > > ..tabBarTab > > { > > skin: > Embed(skinClass= "TabBar$tab_ mid_skin" ); > > } > > > > ..tabBarFirstTab > > { > > skin: > Embed(skinClass= "TabBar$tab_ first_skin" ); > > } > > > > ..tabBarLastTab > > { > > skin: > Embed(skinClass= "TabBar$tab_ last_skin" ); > > } > > > > > > // The skins fla is here: > > > http://krittiya. com/test/ SkinTabNavFlex3/ tabBarSkin. fla.zip > > > > > > Did I do anything wrong ? Anybody experiences the > same problem ? > > > > I'm migrating a project from flex 2 to 3 . I dont > have this problem > in flex 2. > > > > Any suggestion is appreciated .. > > Thanks ! > > Yoko > >
