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

Custom Skin Issue

1 Answer 33 Views
SkinManager
This is a migrated thread and some comments may be shown as answers.
Nicholas Walker
Top achievements
Rank 1
Nicholas Walker asked on 27 Mar 2013, 11:00 PM
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.



1 Answer, 1 is accepted

Sort by
0
Nicholas Walker
Top achievements
Rank 1
answered on 28 Mar 2013, 05:08 PM
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.
Tags
SkinManager
Asked by
Nicholas Walker
Top achievements
Rank 1
Answers by
Nicholas Walker
Top achievements
Rank 1
Share this question
or