# Never see the downSkin on a Tab

**URL:** <https://forum.kirupa.com/t/never-see-the-downskin-on-a-tab/306677>\
**Category:** flash\
**Created:** [March 19, 2010, 7:43pm UTC](https://forum.kirupa.com/t/never-see-the-downskin-on-a-tab/306677 "2010-03-19T19:43:40Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![bardic](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/bardic/32/3708_2.png) [@bardic](https://forum.kirupa.com/u/bardic)\
**Post date:** [March 19, 2010, 7:43pm UTC](https://forum.kirupa.com/t/never-see-the-downskin-on-a-tab/306677/1 "2010-03-19T19:43:40Z")

</div>

Hey all.  
I’ve been beating my face against this all afternoon and I’m sure it’s not a hard fix, I’m just completely missing it. I have a tabnavigator and I’m assigning it a style. This one actually :

```auto

TabNavigator.shoppingTabNavigatorStyle {
            font-family: Agenda-Light;
            font-style: normal;
            font-size: 15pt; 
            font-weight: normal;
            tabStyleName: shoppingFittingTabs;
            selectedTabTextStyleName: shoppingFittingSelectedTabText;
        }
        
        Tab.shoppingFittingSelectedTabText {
            padding-top:2;
            padding-left: 2;
            padding-right: 2; 
            padding-bottom: 0;
            color: #FFFFFF;
            
            font-size:18pt;
            font-family: Agenda-Bold;
            font-style: normal;
            font-weight: normal;
            textRollOverColor:#FFF;
            textSelectedColor:#FFF;
        
            disabledColor: #A1A1A1;
        }
        
        Tab.shoppingFittingTabs {
            padding-top:3;
            padding-left: 2;
            padding-right: 2; 
            padding-bottom: 0;
            color: #db1e5c;
            font-size:18pt;
            font-family: Agenda-Light;
            font-style: normal;
            font-weight: normal;
            textRollOverColor:#db1e5c;
            textSelectedColor:#db1e5c;
            disabledColor: #A1A1A1;
            borderStyle: none;
            
            upSkin: Embed(source='/resources/closet/clear.png', scaleGridTop='9', scaleGridBottom='16', scaleGridLeft='11', scaleGridRight='72');
            overSkin: Embed(source='/resources/closet/clear.png', scaleGridTop='9', scaleGridBottom='16',scaleGridLeft='11', scaleGridRight='72');
            downSkin: Embed(source='/resources/interface/fittingTabs/tab_down.png', scaleGridTop='9', scaleGridBottom='16', scaleGridLeft='11', scaleGridRight='72');
            disabledSkin: Embed(source='/resources/closet/clear.png', scaleGridTop='9', scaleGridBottom='16', scaleGridLeft='11', scaleGridRight='72');
                                
            selectedUpSkin: Embed(source='/resources/interface/fittingTabs/tab_over.png', scaleGridTop='9', scaleGridBottom='16', scaleGridLeft='11', scaleGridRight='72');
            selectedOverSkin: Embed(source='/resources/interface/fittingTabs/tab_down.png', scaleGridTop='9', scaleGridBottom='16',scaleGridLeft='11', scaleGridRight='72');
            selectedDownSkin: Embed(source='/resources/interface/fittingTabs/tab_down.png', scaleGridTop='9', scaleGridBottom='16', scaleGridLeft='11', scaleGridRight='72');
            selectedDisabledSkin: Embed(source='/resources/interface/fittingTabs/tab_disabled.png', scaleGridTop='9', scaleGridBottom='16', scaleGridLeft='11', scaleGridRight='72');
        }

```

At the bottom you’ll see my skins. Now, everything works expect for the down skin. When I click and hold over a tab all I ever see in the upSkin. If anyone has any idea what’s going on here that would be awesome.

Thanks