Different skin for file managers windows etc

[Steve Y]

I want to have one skin for the radeditor and a different skin for the file managers windows/dialog boxes etc. (i.e. image manager using Black and editor with Office 2007)

Is this possible?

Thanks, Steve

[Georgi Tunev]

Hello Steve,

It is possible if you use a custom skin for the RadEditor control. Note that by design when you set a skin to the RadEditor control, it will force all other controls in the dialogs to use this skin as well.
The controls that are used in the dialogs are:
RadToolBar
RadFormDecorator
RadTabStrip
RadTreeView
RadSplitter
RadSlider
RadUpload
RadWindow
RadGrid
RadMenu

I attached to this thread a small sample that shows how to achieve the desired approach. Here are the steps that I took:

1. Added the Office2007 skin as an external skin to RadEditor
2. Copied Window.Office2007.css and Editor.Office2007.css to the Skins folder and edited the strings in it to change the path for the sprites (from "../Common/" to "Common/").
3. Took the content of the <controlName>.Black.css files for all controls used in RadEditor from the Black skin folder and pasted it in the corresponding <controlName>.Office2007.css files.
4. Replaced the "Black" string in the pasted content with "Office2007".
5. Replaced all used controls' folders from the Office2007 skin folder with the ones from the Black folder.
   Note: What actually happens in points 3,4 and 5 is that now you have a skin named Office2007 that however uses the code for the Black skin. 
6. Imported the Window.Office2007.css and Editor.Office2007.css to the page where the RadEditor control is and set the RadEditor control's Skin property to "Office2007" (EnableEmbeddedSkins must be set to false as well).
7. Set the DialogsCssFile="Skins/Office2007/Widgets.Office2007.css".
8. Added the following imports in it:
   

   @import url('ToolBar.Office2007.css');
   @import url('FormDecorator.Office2007.css');
   @import url('TabStrip.Office2007.css');
   @import url('Editor.Office2007.css');
   @import url('TreeView.Office2007.css');
   @import url('Splitter.Office2007.css');
   @import url('Slider.Office2007.css');
   @import url('Upload.Office2007.css');
   @import url('Window.Office2007.css');
   @import url('Grid.Office2007.css');
   @import url('Menu.Office2007.css');
   
   /* this is the topmost cell of the dialogs that have RadTabStrip */
   .reSpinBox .radfd_skipme
   {
       color: white;
   }

I hope this helps.

Greetings,
Georgi Tunev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.