Hello, how can I change the colors of this dialog (borders and backgrounds) for the Simple skin?

How can I change the fonts of the labels?

Thank you

AB

Hi,

In this specific RadEditor dialog, there are several other controls included, such as - RadFormDecorator, RadSlider, RadSplitter, etc. In order to change all of them for the Editor dialogs only, you could create for all the controls custom skins. Registering an External Skin for RadEdiotr KB article will guide you through that process.

Another option, is to use DialogsCssFile property and to load an external CSS file through it, where you could override CSS for some specific elements loaded inside the dialog:

ASPX:


CustomDialog.css:


This is an example f how to override a few of the styles inside the Dialog. To make other overrides, you should inspect elements CSS carefully and to make the necessary corrections.

Note, that this is a custom solution and Telerik does not support custom solution. Even if we try to give the some help, it is a developer`s responsibility to ensure that after the customization the control will work properly.

Regards,
Bozhidar
the Telerik team

But This Css is not loading on IE 9,8 etc ,but working fine in other browsers ,is there any way to do that.

Hello,

The code is tested and it works as expected in all modern browsers, including IE8, IE9.

Did you noticed that the CSS selectors placed in CustomDialog.css file are specific for Simple skin: .RadForm_Simple - and if you use skin different than Simple, you should change the selectors prefix. For example, if you use Default skin, the Selectors should be:



Kind regards,
Bozhidar
the Telerik team