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

button images missing from RadEditor toolbar

8 Answers 340 Views

Editor

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

Sherif Tariq asked on 11 Aug 2008, 05:22 PM

Hi guys,
We've been having problems with the RadEditor for ASP.Net AJAX, where the following buttons on the toolbar are not showing up correctly anymore:

MOSSInsertTable
MOSSInsertTableElement
ToggleSource

Specifically, the buttons show up as generic talk bubbles with the "i" icon in them.

We first ran into this problem with the trial version of RadEditor v.5.0.1.0. The buttons showed correctly in the beginning, but then a couple of weeks later, they would appear as the generic talk bubble icon mentioned above.We thought the problem would go away once we installed the full version of the editor.

We recently installed the RadEditor v5.1.0.0 on a new MOSS 2007 server and we've had the same problem.

Can you suggest a fix for this? Are the images for the buttons missing from the server, and if they are, how do we replace them?

8 Answers, 1 is accepted

answered on 19 Aug 2008, 12:10 PM

ToolImages.zip

Hi Sherif,

Please find attached the desired images, along with the appropriate CSS files. Set them in the wpresources\RadEditorSharePoint\5.2.0.0__1f131a624888eeed\Resources\ToolImages folder and test the behavior.

I hope this helps.

Sincerely,
George
the Telerik team

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

answered on 21 Aug 2008, 07:19 PM

Thanks Rasmus, that fixed it.

Well, sorta, we couldn't figure out which stylesheet the RadEditor is using (it's supposed to be the default one, but it didn't work), so I did the following:

Copied all the styles from one of the RadEditorStyles_[SKIN].css files and copied it to the bottom of our core.css.
Removed the .[SKIN] class from each of the .rade_toolbar classes (so, .rade_toolbar.Default .MOSSDeleteTableElement became .rade_toolbar .MOSSDeleteTableElement )
Added the /_wpresources/RadEditorSharePoint/5.2.0.0__1f131a624888eeed/Resources/ToolImages/ path to the image URL.

And now it's fixed. Also makes it easier to maintain, since we have multiple master pages.

Thanks for the help!

answered on 25 Aug 2008, 07:06 AM

Glad I could help

A way to find the specific theme (and more important what the css class names are named in the html), try to use Firefox and the excellent developer plugin "FireBug".

When firebug installed, fire up you site and go into edit mode with your rad editor. When you see the missing icons, open the "FireBug" menu (clicking on the green icon in the bottom of the browser), click the "Inspect" button and select the missing image in the toolbar.

After this you will be able to see the current css styles that this button uses (in the right FireBug window).

In my case using the "Default" theme it looks like:

.rade_toolbar.Default .MOSSLinkManager {
background-image:url(MOSSLinkManager.gif);

}

But if I had the Default2006 theme, it would look like

.rade_toolbar.Default2006 .MOSSLinkManager { 
background-image:url(MOSSLinkManager.gif);
}

The stuff in bold below should be the stylessheet that you should remember in your masterpage :)

This of course assume that you've already included the stylesheet. If you have not. Use the inspect again (or use "show html code") and find the contain containing <ul> tag. This tag should have the corresponding theme, eg. <ul class="rade toolbar Default">

Cheers
Rasmus