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

How to change the "Skins" Path ?

4 Answers 161 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Suzi
Top achievements
Rank 1
Suzi asked on 05 Aug 2008, 09:01 AM
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"
r
unat="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"
r
unat="server"
Skin="TelerikSkin"
SkinPath="~/App_Themes/Theme1"

VisibleStatusbar="false"
OnClientShow="OnClientShow"
OnClientClose="OnClientClose"
Behavior="Close, Maximize, Move" />

Thank you in advance,

4 Answers, 1 is accepted

Sort by
0
Accepted
Veli
Telerik team
answered on 05 Aug 2008, 09:23 AM
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.
0
Suzi
Top achievements
Rank 1
answered on 05 Aug 2008, 09:43 AM
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,
0
Suzi
Top achievements
Rank 1
answered on 05 Aug 2008, 10:37 AM
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

0
Accepted
Veli
Telerik team
answered on 05 Aug 2008, 11:20 AM
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.
Tags
General Discussions
Asked by
Suzi
Top achievements
Rank 1
Answers by
Veli
Telerik team
Suzi
Top achievements
Rank 1
Share this question
or