Setting Standard Tools Icons on MOSSRadEditor

[Sohail]

Hi every one

                   I have successfull added custom tool buttons in MOSS RadEdior and can easily change the image icons by using the following css. 

 .rade_toolbar.Default .Custom1
{
   background-image: url(http://www.xyx.com/images/xyz..gif);
}

i want to change the icon for Document Manager tool button to a PDF icon and i tired the following css

 .rade_toolbar.Default .ImageManager
{
   background-image: url(http://www.xyx.com/images/xyz..gif);
}

but this does not work. Is it possible to change the standard tools icons?


Kind Regards
Sohail




 

[Stanimir]

Hello Sohail,

Try the following CSS code:

.DocumentManager
{
  background-image: url(http://www.xyx.com/images/xyz..gif)!important;
}

I hope this helps.

Greetings,
Stanimir
the Telerik team

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

[Sohail]

Thanks Stanimir , i applied the following CSS as you suggested

 

.DocumentManager

{

background-image: url(http://www.xyx.com/images/xyz..gif)!important;

}

But it just hide the actual image as well. it did not change to a new image. The image URL was ok it was not dummy as shown above.

Thanks

                      

[Stanimir]

Hello Sohail,

In the Program Files\Common Files\Microsoft Shared\web server extensions\wpresources\RadEditorSharePoint\5.3.2.0__1f131a624888eeed\Resources\ToolImages folder (5.3.2.0__1f131a624888eeed depends on the version of the control) you can find different CSS files for every RadEditor's skin. For example for the Telerik skin the CSS file is RadEditorStyles_Telerik.css. Add the following code to the respective CSS file.

.rade_toolbar.Telerik .DocumentManager
{
  background: url(http://www.xyx.com/images/xyz..gif);
}

I think this should do the job.

Regards,
Stanimir
the Telerik team

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

[Sohail]

its all sorted thanks