How to change the "Skins" Path ?

[Suzi]

Hi,

I have an App_Themes directory. It is really important that I change the path of the Skins directory. I need to have something like that :


App_Themes
    - Theme1
            - ...
            - RadWindow.skin
            - TelerikSkin
                - Window
                - Menu
                - TreeView
    - Theme 2
            - ...
             - RadWindow.skin
            - TelerikSkin
                - Window
                - Menu
                - TreeView

and for example into RadWindow.skin of Theme 1 : 

<

telerik:RadWindowManager
SkinID="DefaultRadWindow"
runat="server"
Skin="TelerikSkin"
VisibleStatusbar="false"
OnClientShow="OnClientShow"
OnClientClose="OnClientClose"
Behavior="Close, Maximize, Move" />

The Telerik Skin of Theme1 must be different of the Telerik Skin of theme 2.

But I don't know what to do... The application loads the Window Skin of the default "Skins" Path, or say that It doesn't find the Skin "TelerikSkin".

How may I to say that the skin is into ~/App_Themes/Theme1/TelerikSkin 
or ~/App_Themes/Theme2/TelerikSkin. Something like that :

<telerik:RadWindowManager
SkinID="DefaultRadWindow"
runat="server"
Skin="TelerikSkin"
SkinPath="~/App_Themes/Theme1"
VisibleStatusbar="false"
OnClientShow="OnClientShow"
OnClientClose="OnClientClose"
Behavior="Close, Maximize, Move" />

Thank you in advance,

[Veli]

Hi Suzi,

I want to note that the new RadControls for ASP.NET AJAX suite do not have a default skins path to set. Instead, they provide a predefined set of skins embedded in the Telerik.Web.UI.dll file, and a set of skin files you can manually reference and modify. For more information on skinning:

How skins work

Skin registration

Using skins ASP.NET themes

Greetings,
Veli
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Suzi]

Thank you very much for your help,
 
This tutorial http://www.telerik.com/help/aspnet-ajax/themeshowto.html
is exactly that I want to do.

But it doesn't work into my project. It doesn't find the theme "MySkin". Do you have the sources of an example online  ?

Thank you,

[Suzi]

It is working very well now. I forgot to put _MySkin into the css file.

ex :

/* close button */

div.radwindow_MySkin

table.titlebarcontrols ul.controlbuttons li a.closebutton
{
background: transparent url('Window/ControlButtons.gif') no-repeat 100% 0;
}

Thank you

[Veli]

Hello Suzi,

I have attached a sample project demonstrating how RadControls' visual appearance can be controlled through ASP.NET Themes.

Please note that I have modified the web.config file to add a reference to my custom skin:

<pages styleSheetTheme="MyTheme">

under the <system.web> node. This makes sure all my newly added pages refer to my modified skin. Inside my SkinFile.skin I place a reference to my RadControls libraries and then specify my style properties (i.e. Skin). Please note that as all the stylesheet files in the theme folder are automatically referenced, I do not need to add any other references on pages.

Greetings,
Veli
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.