I added three custom buttons to my RadEditor.
---------------------------------
Added the following to my xml file:
<tools name="CustomToolbar" dockable="true" enabled="true">
<tool name="DatabaseSave" />
<tool name="Open-Print" />
<tool name="Email" />
</tools>
Added the following to my markup:
<style type="text/css">
.reTool .DatabaseSave
{
background-image: url(save.gif);
}
.reTool .Open-Print
{
background-image: url(printer.ico);
}
.reTool .Email
{
background-image: url(email.gif);
}
</style>
<telerik:RadEditor ID="RadEditor1" Runat="server"
ToolsFile="~/Letters/DocMaster/ToolsFile.xml" EditModes="Design" AutoResizeHeight="True"
ClientIDMode="Inherit" Skin="Hay" Width="100%" />
<script type="text/javascript">
Telerik.Web.UI.Editor.CommandList["Save"] = function (commandName, editor, args) {
alert("Pressed Save");
};
Telerik.Web.UI.Editor.CommandList["Open-Print"] = function (commandName, editor, args) {
alert("Pressed Open-Print");
};
Telerik.Web.UI.Editor.CommandList["Email"] = function (commandName, editor, args) {
alert("Pressed Email");
};
</script>
---------------------------------
The buttons showed with their default glippy no problem. The button press function calls came up no problem. I played with everything I could think of to get the background-image little graphics to show on the buttons using every path methodology I knew or could think of, including internal and external CSS. In my test project, I finally got them to show only by putting the graphics in the same folder as the page that holds the RadEditor. So I incorporated it into the real project. In the real project, the RadEditor is on a nested master page. Nothing I can do nohow will get those buttons to show, no matter where I put them or how I write those paths. Please help.
Thanks.