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
