Custom Skin Issue

2 posts, 0 answers
  1. Nicholas Walker
    Nicholas Walker avatar
    30 posts
    Member since:
    Jul 2008

    Posted 27 Mar 2013 Link to this post

    I can't figure out what I am doing wrong.  I am trying to use a custom skin with the RadSkinManager following the instructions here: http://www.telerik.com/help/aspnet-ajax/skinmanager.html

    My StyleSheetManager:

    <telerik:RadStyleSheetManager runat="server" ID="rssMan" EnableStyleSheetCombine="false"  />

    My RadSkinManager:

        <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="false" >
            <Skins>
                <telerik:SkinReference Path="MySkins" />
            </Skins>
            <TargetControls>
                <telerik:TargetControl ControlsToApplySkin="RadGrid" Skin="DonorPortalDefault" />
                <telerik:TargetControl ControlsToApplySkin="RadCalendar" Skin="DonorPortalDefault" />
                <telerik:TargetControl ControlsToApplySkin="RadMenu" Skin="DonorPortalDefault" />
                <telerik:TargetControl ControlsToApplySkin="RadWindowManager" Skin="DonorPortalDefault" />
                <telerik:TargetControl ControlsToApplySkin="RadToolBar" Skin="DonorPortalDefault" />
                <telerik:TargetControl ControlsToApplySkin="RadColorPicker" Skin="DonorPortalDefault" />
                <telerik:TargetControl ControlsToApplySkin="RadDatePicker" Skin="DonorPortalDefault" />
                <telerik:TargetControl ControlsToApplySkin="RadEditor" Skin="DonorPortalDefault" />
                <telerik:TargetControl ControlsToApplySkin="RadTabStrip" Skin="DonorPortalDefault" />
                <telerik:TargetControl ControlsToApplySkin="RadUpload" Skin="DonorPortalDefault" />
                <telerik:TargetControl ControlsToApplySkin="RadDateInput" Skin="DonorPortalDefault" />
                <telerik:TargetControl ControlsToApplySkin="RadComboBox" Skin="DefaDonorPortalDefaultult" />
                <telerik:TargetControl ControlsToApplySkin="RadAjaxLoadingPanel" Skin="DonorPortalDefault" />
            </TargetControls>
        </telerik:RadSkinManager>

    My web.config:

        <appSettings>
        <add key="Telerik.Web.UI.StyleSheetFolders" value="~/MySkins" />
        <add key="Telerik.EnableEmbeddedSkins" value="false" />
        </appSettings>


    I have at the root of my project a MySkins Folder, which inside has a folder DonorPortalDefault, and then I have css files named for example "Grid.DonorPortalDefault.css"

    For additional good measure on my control I have put EnableEmbeddedSkins="false" Skin="DonorPortalDefault"

    Yet when the page is rendered a stylesheet link is not placed on the page, and I get un-skinned controls.

    I can't figure out what else I am doing wrong.



  2. Nicholas Walker
    Nicholas Walker avatar
    30 posts
    Member since:
    Jul 2008

    Posted 28 Mar 2013 Link to this post

    I wasted 4 hours of my life before realizing, the SkinReference Path in RadSkinManager needs to be ~/MySkins instead of MySkins

            <Skins>
                <telerik:SkinReference Path="~/MySkins" />
            </Skins>

    The documentation should be updated to save someone else's time.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top