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

button images missing from RadEditor toolbar

8 Answers 316 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Sherif Tariq
Top achievements
Rank 1
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

Sort by
0
George
Telerik team
answered on 12 Aug 2008, 09:55 AM
Hi Sherif,

Thank you for the provided information, but unfortunately it is not enough for us to determine what the exact reason for the problem is. Could you clarify which skin of RadEditor for MOSS are you using and please send us some screenshots that demonstrate the behavior? We will review the details and do our best to provide a solution.

Sincerely,
George
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Sherif Tariq
Top achievements
Rank 1
answered on 12 Aug 2008, 03:16 PM
Thanks for the quick reply. As far as I can tell, we're using the default RadEditor skin. We started noticing the missing icons a few days after we customized the button layout using the XML files in the RadEditor folder.

I've uploaded a screenshot of the RadEditor toolbar to:
http://www.hntb-tx.com/telerik/MissingIcons.gif

If you want to look at the XML files, I've uploaded them here:
http://www.hntb-tx.com/telerik/ListToolsFile.xml
http://www.hntb-tx.com/telerik/ToolsFile.xml

Hope that helps.



0
George
Telerik team
answered on 14 Aug 2008, 02:07 PM
Hi Sherif,

I tested the behavior on my side using your ToolsFiles and everything worked fine. Could you please upgrade to the latest version of RadEditor for MOSS 5.2.0 and test the scenario? I believe that the problem will not be observed.

Best regards,
George
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Sherif Tariq
Top achievements
Rank 1
answered on 18 Aug 2008, 03:23 PM
We upgraded to the most recent version of RadEditor for MOSS, v 5.2.0, but the button icons are still missing.

Are the images for the buttons stored as individual .gifs somewhere in the RadEditor install folder? If so, I'm wondering if the actual images are missing for some reason. Is there any way to obtain a copy of those images and copy them to the right folder? The missing images are for MOSSInsertTable, MOSSInsertTableElement, ToggleSource buttons.
0
George
Telerik team
answered on 19 Aug 2008, 12:10 PM
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.
0
Rasmus Lindgren
Top achievements
Rank 1
answered on 21 Aug 2008, 02:24 PM
In order to show all the icons for all tools that start with "MOSS". eg. "MOSSInsertTable", "MOSSLinkManager" etc.

Ensure that you have the stylesheet included:
/_wpresources/RadEditorSharePoint/5.2.0.0__1f131a624888eeed/Resources/ToolImages/RadEditorStyles_[SKIN].css

E.g.
<link rel="stylesheet" type="text/css" href="/_wpresources/RadEditorSharePoint/5.2.0.0__1f131a624888eeed/Resources/ToolImages/RadEditorStyles_Default.css"/>

Cheers
Rasmus
0
Sherif Tariq
Top achievements
Rank 1
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:
  1. Copied all the styles from one of the RadEditorStyles_[SKIN].css files and copied it to the bottom of our core.css.
  2. Removed the .[SKIN] class from each of the .rade_toolbar classes (so, .rade_toolbar.Default .MOSSDeleteTableElement became .rade_toolbar .MOSSDeleteTableElement )
  3. 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!
0
Rasmus Lindgren
Top achievements
Rank 1
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

Tags
Editor
Asked by
Sherif Tariq
Top achievements
Rank 1
Answers by
George
Telerik team
Sherif Tariq
Top achievements
Rank 1
Rasmus Lindgren
Top achievements
Rank 1
Share this question
or