This is a migrated thread and some comments may be shown as answers.

[Solved] RadEditor : Add an icon to my custom toolbar

1 Answer 185 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Suzi
Top achievements
Rank 1
Suzi asked on 07 Jan 2010, 04:57 PM
Version Assembly : 2008, 2, 723, 20
I am creating a custom editorTool to "add an image" from the desktop to the content of the radeditor.
I am trying to add a custom icon to this editorTool. But It doesn't work.  The name of my editorTool id "AddImage"
,I tried this but it doesn't work :

 

.AddImage

 

{

 

background-image: url(~/images/add2.gif);

 

}


I am using the Outlook skin. This background-image is replaced by the

.rade_tool

 

SPAN style generated by the outlook skin.

 


Do you have a solution and an idée to resolve my problem ?

Thank you in advance,

Suzi

1 Answer, 1 is accepted

Sort by
0
Accepted
Rumen
Telerik team
answered on 08 Jan 2010, 09:20 AM
Hi Suzi,

You cannot have ~ in the path of a css property, because this symbol is not supported in CSS.

Please, use the following syntax to set the button icon:

<style type="text/css">
.AddImage
{
    background-image: url(images/add2.gif) !important;
}
</style>

For your convenience I have attached my test project.

Best regards,
Rumen
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Tags
Editor
Asked by
Suzi
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Share this question
or