Problem With Embed Resources

[João]

Hello.

I started moving all my customskins to a class library like your example, and everything worded fine until i started to have problems with some controls, like the tabstrip in witch it seems that i can't load my .png images declared as embedded resource, here is the diferent parts of code:

TelerikCustomSkin.cs

[assembly: WebResource("TelerikCustomSkins.TabStripTelerik.css", "text/css")]
[assembly: WebResource("TelerikCustomSkins.TabStrip_Images.TabStripStates.png", "image/png")]
[assembly: WebResource("TelerikCustomSkins.TabStrip_Images.TabStripStates_rtl.png", "image/png")]
[assembly: WebResource("TelerikCustomSkins.TabStrip_Images.TabStripVStates.png", "image/png")]

Default.aspx

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" CausesValidation="False" SelectedIndex="0" Skin="Telerik" EnableEmbeddedSkins="False">
            <Tabs>
                <telerik:RadTab Text="Item 1"></telerik:RadTab>
                <telerik:RadTab Text="Item 2"></telerik:RadTab>
                <telerik:RadTab Text="Item 3"></telerik:RadTab>
                <telerik:RadTab Text="Item 4"></telerik:RadTab>
                <telerik:RadTab Text="Item 5"></telerik:RadTab>
                <telerik:RadTab Text="Item 6"></telerik:RadTab>
            </Tabs>
        </telerik:RadTabStrip>

TabStripTelerik.css

.RadTabStrip_Telerik .rtsLI,
.RadTabStrip_Telerik .rtsLink
{
    color: white;
    font: 12px/26px  Arial, sans-serif;
    font-weight: bold;

}

.RadTabStripLeft_Telerik .rtsSeparator,
.RadTabStripRight_Telerik .rtsSeparator
{
    background: #828282;



}

/* <disabled tabs> */
.RadTabStrip_Telerik .rtsDisabled
{
    color: #aaa;


}
/* </disabled tabs> */

/* <scrolling arrows> */
.RadTabStrip_Telerik .rtsNextArrow,
.RadTabStrip_Telerik .rtsPrevArrow,
.RadTabStrip_Telerik .rtsPrevArrowDisabled,
.RadTabStrip_Telerik .rtsNextArrowDisabled
{
    background-image: url('<%=WebResource("TelerikCustomSkins.TabStrip_Images.TabStripTabStripStates.png")%>');
}
/* </scrolling arrows> */

/* <tab backgrounds> */

.RadTabStripTop_Telerik .rtsLevel { background-color: transparent; }

.RadTabStripTop_Telerik .rtsLevel .rtsLink,
.RadTabStripTop_Telerik .rtsLevel .rtsOut,
.RadTabStripBottom_Telerik .rtsLevel .rtsLink,
.RadTabStripBottom_Telerik .rtsLevel .rtsOut,
.RadTabStripTop_Telerik_Baseline .rtsLevel,
.RadTabStripBottom_Telerik_Baseline .rtsLevel { background-image: url('<%=WebResource("TelerikCustomSkins.TabStrip_Images.TabStripTabStripStates.png")%>'); }

.RadTabStripLeft_Telerik .rtsLink,
.RadTabStripRight_Telerik .rtsLink { background-image: url('<%=WebResource("TelerikCustomSkins.TabStrip_Images.TabStripTabStripVStates.png")%>'); }

.RadTabStripLeft_Telerik .rtsLast .rtsLink,
.RadTabStripRight_Telerik .rtsLast .rtsLink
{
    border-bottom: 1px solid #898C95;

}

/* </tab backgrounds> */

/* <background positioning: overlapping tabs> */

/* <orientation: top> */

.RadTabStripTop_Telerik .rtsLink { background-position: 0 -52px; color: #96b3da; }
.RadTabStripTop_Telerik .rtsFirst .rtsLink { background-position: 0 0; color: #96b3da; }
.RadTabStripTop_Telerik .rtsOut { background-position: 100% -52px;  }
.RadTabStripTop_Telerik .rtsLast .rtsOut { background-position: 100% 0; }

.RadTabStripTop_Telerik .rtsLI .rtsSelected { background-position: 0 -26px;color:white;  }
.RadTabStripTop_Telerik .rtsSelected .rtsOut { background-position: 100% -78px;   }
.RadTabStripTop_Telerik .rtsLI .rtsAfter { background-position: 0 -78px; }

.RadTabStripTop_Telerik .rtsLast .rtsSelected .rtsOut { background-position: 100% -26px;  }

.RadTabStripTop_Telerik_Baseline .rtsLevel { background-position: 0 100%; background-repeat: repeat-x; }

/* </orientation: top> */

/* <orientation: bottom> */

.RadTabStripBottom_Telerik .rtsLevel .rtsLink { background-position: 0 -130px; }
.RadTabStripBottom_Telerik .rtsLevel .rtsFirst .rtsLink { background-position: 0 -182px; }
.RadTabStripBottom_Telerik .rtsLevel .rtsOut { background-position: 100% -130px; }
.RadTabStripBottom_Telerik .rtsLevel .rtsLast .rtsOut { background-position: 100% -182px; }

.RadTabStripBottom_Telerik .rtsLevel .rtsLI .rtsSelected { background-position: 0 -156px; }
.RadTabStripBottom_Telerik .rtsLevel .rtsSelected .rtsOut { background-position: 100% -104px; }
.RadTabStripBottom_Telerik .rtsLevel .rtsLI .rtsAfter { background-position: 0 -104px; }

.RadTabStripBottom_Telerik .rtsLevel .rtsLast .rtsSelected .rtsOut { background-position: 100% -156px; }

.RadTabStripBottom_Telerik_Baseline .rtsLevel { background-position: 0 -599px; background-repeat: repeat-x; }

/* </orientation: bottom> */

/* <orientation: right> */

.RadTabStripRight_Telerik .rtsUL .rtsLink,
.RadTabStripRight_Telerik .rtsUL .rtsLI .rtsDisabled:hover { background-position: 100% 0; text-align: left; }
.RadTabStripRight_Telerik .rtsUL .rtsLink:hover { background-position: 100% -200px; }
.RadTabStripRight_Telerik .rtsUL .rtsSelected,
.RadTabStripRight_Telerik .rtsUL .rtsSelected:hover { background-position: 100% -400px; }

/* </orientation: right> */

/* <orientation: top (RTL)> */

.RadTabStripTop_Telerik_rtl .rtsLevel .rtsLink
{
    padding-left: 0;
    padding-right: 9px;

}

.RadTabStripTop_Telerik_rtl .rtsLevel .rtsOut
{
    padding-left: 9px;
    padding-right: 0;
}

.RadTabStripTop_Telerik_rtl .rtsLevel .rtsLink,
.RadTabStripTop_Telerik_rtl .rtsLevel .rtsOut { background-image: url('<%=WebResource("TelerikCustomSkins.TabStrip_Images.TabStripTabStripStates_rtl.png")%>'); }

.RadTabStripTop_Telerik_rtl .rtsLevel .rtsLink { background-position: 100% -52px; }
.RadTabStripTop_Telerik_rtl .rtsLevel .rtsFirst .rtsLink { background-position: 100% 0; }
.RadTabStripTop_Telerik_rtl .rtsLevel .rtsOut { background-position: 0 -52px; }
.RadTabStripTop_Telerik_rtl .rtsLevel .rtsLast .rtsOut { background-position: 0 0; }

.RadTabStripTop_Telerik_rtl .rtsLevel .rtsLI .rtsSelected { background-position: 100% -26px; }
.RadTabStripTop_Telerik_rtl .rtsLevel .rtsSelected .rtsOut { background-position: 0 -78px; }
.RadTabStripTop_Telerik_rtl .rtsLevel .rtsLI .rtsAfter { background-position: 100% -78px; }

.RadTabStripTop_Telerik_rtl .rtsLevel .rtsLast .rtsSelected .rtsOut { background-position: 0 -26px; }

/* </orientation: top (RTL)> */

/* </background positioning: overlapping tabs> */

/* <simplistic sub-item styles> */

.RadTabStrip_Telerik_SimpleSubItems .rtsLevel2,
.RadTabStrip_Telerik_SimpleSubItems .rtsLevel3,
.RadTabStrip_Telerik_SimpleSubItems .rtsLevel4 { background: #fff; }

.RadTabStrip_Telerik_SimpleSubItems .rtsLevel2 .rtsSelected,
.RadTabStrip_Telerik_SimpleSubItems .rtsLevel3 .rtsSelected,
.RadTabStrip_Telerik_SimpleSubItems .rtsLevel4 .rtsSelected
{
    text-decoration: underline;

}

.RadTabStrip_Telerik_SimpleSubItems .rtsLevel2 .rtsLink,
.RadTabStrip_Telerik_SimpleSubItems .rtsLevel2 .rtsOut,
.RadTabStrip_Telerik_SimpleSubItems .rtsLevel2 .rtsIn,
.RadTabStrip_Telerik_SimpleSubItems .rtsLevel3 .rtsLink,
.RadTabStrip_Telerik_SimpleSubItems .rtsLevel3 .rtsOut,
.RadTabStrip_Telerik_SimpleSubItems .rtsLevel3 .rtsIn,
.RadTabStrip_Telerik_SimpleSubItems .rtsLevel4 .rtsLink,
.RadTabStrip_Telerik_SimpleSubItems .rtsLevel4 .rtsOut,
.RadTabStrip_Telerik_SimpleSubItems .rtsLevel4 .rtsIn
{
    background: none;

}

/* </simplistic sub-item styles> */

The style is applied in my app, the only problem seems that can't embedded .the png images declares, i'm also having problems with the TreeView Control and the PanelBarControl. But when i use for example the slider or the calendar control in witch is all .gif i don't have any problems..

Am i missing something?

Thks.
João Matos.

[João]

Ok, sorry for the post but the problem was just a simple misspell, it's all working fine now.

Thks
João Matos.