Problem With Embed Resources

2 posts, 0 answers
  1. João
    João avatar
    5 posts
    Member since:
    Jun 2010

    Posted 17 Aug 2010 Link to this post

    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.
  2. João
    João avatar
    5 posts
    Member since:
    Jun 2010

    Posted 17 Aug 2010 Link to this post

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

    Thks
    João Matos.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top