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






      

Reply via email to