SOLVED: If I change where I put the tabCloseButtonStyleName declaration, it 
works. You seem to need to put it in the declaration for the lastTabStyleName. 
--- In flexcoders@yahoogroups.com, "fumeng5" <fume...@...> wrote:
>
> Hi - 
> 
> When I set the styleName for a SuperTabNavigator, the default 'x' close 
> button disappears; rather, it turns into a radioButton looking circle. I 
> searched for a solution and found something posted by Doug McCune with a 
> solution to define a custom tabCloseButtonStyleName. I did this and it still 
> didn't work: 
> 
> .MailStreamTab {
>       tabStyleName: tabNavigatorTab;
>       firstTabStyleName: tabNavigatorFirstTab;
>       selectedTabTextStyleName: tabBarSelectedTabText;
>       lastTabStyleName: tabNavigatorLastTab;
>       tabOffset: 12;
>       horizontalGap: 6;
>       backgroundColor: #44638F;
>       color: #000000;
>       borderStyle: solid;
>       borderSides: top;
>       borderColor: #44638F;
> }
> 
> .tabNavigatorFirstTab {
>       borderColor: #44638F;
>       themeColor: #44638F;
>       fillAlphas: 1.0, 1.0, 1.0, 1.0;
>       fillColors: #FFFFFF, #DCDDF0, #44638F, #44638F;
>       paddingLeft: 15;
>       paddingRight: 15;
>       paddingTop: 5;
>       paddingBottom: 5;
>       textRollOverColor: #FFFFFF;
>       disabledColor: #DDDDDD;
>       textSelectedColor: #FFFFFF;
>       color: #000000;
>       overSkin: 
> Embed(source="../assets/Common/TabBar-tab_MSTabs_overSkin.png");
> }
> 
> .tabBarSelectedTabText {
>       color: #FFFFFF;
> }
> 
> .tabNavigatorTab {
>       borderColor: #44638F;
>       themeColor: #44638F;
>       fillAlphas: 1.0, 1.0, 1.0, 1.0;
>       fillColors: #FFFFFF, #DCDDF0, #44638F, #44638F;
>       paddingLeft: 15;
>       paddingRight: 15;
>       paddingBottom: 5;
>       paddingTop: 5;
>       textRollOverColor: #FFFFFF;
>       textSelectedColor: #FFFFFF;
>       disabledColor: #DDDDDD;
>       color: #000000;
>       overSkin: 
> Embed(source="../assets/Common/TabBar-tab_MSTabs_overSkin.png");
>       cornerRadius: 4;
>       tabCloseButtonStyleName: customCloseButton;
> }
> 
> .customCloseButton {
> upSkin: Embed('../assets/Settings/plusArrow.jpg');
> downSkin: Embed('../assets/Settings/plusArrow.jpg');
> overSkin: Embed('../assets/Settings/plusArrow.jpg');
> 
> }
> 
> Can anyone see where I might be going wrong here? 
> 
> Thank you in advance for any helpful tips. 
> 
> Matt
>


Reply via email to