This is a migrated thread and some comments may be shown as answers.

Problem With Embed Resources

1 Answer 63 Views
ScriptManager and StyleSheetManager
This is a migrated thread and some comments may be shown as answers.
João
Top achievements
Rank 1
João asked on 17 Aug 2010, 03:24 PM
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.

1 Answer, 1 is accepted

Sort by
0
João
Top achievements
Rank 1
answered on 17 Aug 2010, 05:50 PM
Ok, sorry for the post but the problem was just a simple misspell, it's all working fine now.

Thks
João Matos.
Tags
ScriptManager and StyleSheetManager
Asked by
João
Top achievements
Rank 1
Answers by
João
Top achievements
Rank 1
Share this question
or