Change Images of RadEditor

[Tarulatta Patel]

Hi,

I am using Editor control in my application and using default skin for editor control. As by default it was giving black color Bold,Cut,copy paste controls on editor control with your bold,cut,copy paste images. I would like to change those images. Can you please let me know what is the easiest step to achieve it.

I am okay to copy all your editor images and stylesheet in my application. Please let me know what are those and what the change is required in my application.

Thanks,
Tarulatta Patel

[Rumen]

Hello Tarulatta,

You can easily change the button icons using the following css classes:

    <style type="text/css">
    .rade_toolbar.Default .Bold {
        background-image: url(http://www.telerik.com/DEMOS/ASPNET/RadControls/Editor/Skins/Default/buttons/Custom.gif) !important;
        background-position: center !important;
    }
    .rade_toolbar.Default .Cut {
        background-image: url(http://www.telerik.com/DEMOS/ASPNET/RadControls/Editor/Skins/Default/buttons/CustomDialog.gif) !important;
        background-position: center !important;
    }
    </style>

The styles above will change the icons of the Bold and Cut buttons.

Kind regards,
Rumen
the Telerik team

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