[Solved] Customize Editor Dialog with Skin

[Johannes Lachman]

Hi,

I've read how to create your own skin for a Telerik Window. But now I want to know how to implement it in a custom editor button that uses editor.showExternalDialog(...).
I have seen the DialogsCssFile property of the editor, but for a custom windows skin i've created (copied) two css files. Window.css & Window.CustomSkin.css. Linking one of these css files did not work.

I've created pictures for a custom windows frame and want to use it for the Editor Dialogs. Any suggestion/ advise?

Thanks in advance.

John

[Johannes Lachman]

Nevermind. I already found the page with explanation. http://www.telerik.com/help/aspnet-ajax/editor-dialogscssfile.html

[Johannes Lachman]

Another question though..

I see the following code in Windows.Default.css

.RadWindow_Default .rwTopLeft,
.RadWindow_Default .rwTopRight,
.RadWindow_Default .rwTitlebar,
.RadWindow_Default .rwFooterLeft,
.RadWindow_Default .rwFooterRight,
.RadWindow_Default .rwFooterCenter,
.RadWindow_Default .rwTopResize,
.RadWindow_Default .rwStatusbar div,
.RadWindow_Default .rwStatusbar,
.RadWindow_Default .rwPopupButton,
.RadWindow_Default .rwPopupButton span,
.RadWindow_Default.rwMinimizedWindow .rwCorner
{
    background-image: url('Window/WindowHorizontalSprites.gif');
}

.RadWindow_Default .rwBodyLeft,
.RadWindow_Default .rwBodyRight,
.RadWindow_Default .rwStatusbarRow .rwCorner
{
    background-image: url('Window/WindowVerticalSprites.gif');
}

But where are the background-positions defined for the different images in the sprite?

kind regards,

John

[Rumen]

Hi Johannes,

The background-positions are defined in the common \Skins\Window.css file. For your convenience I have attached this file.

By the way this article could be helpful for your scenario:
http://www.telerik.com/help/aspnet-ajax/appearance-css-classes-usage.html

All the best,
Rumen
the Telerik team

Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Follow the status of features or bugs in PITS and vote for them to affect their priority.