[Solved] RadEditor toolbar shows extra annoying black squares in DotNetNuke

[The M.]

I'm upgrading some of our DotNetNuke modules including the latest Telerik ASP.NET Ajax controls.

When I use the latest RadEditor control in DotNetNuke, the Toolbar is messed up with a black square at the left side of each control button. Are there some skinning/css conflicts between DotNetNuke and the RadEditor? I noticed that this issue also appears in the RadTreeview and the RadUpload controls.

I have tested the controls in all available RadEditor skins as well in several DotNetNuke skins (including the default DNN Blue skin).

Is there a 'workaround' for this issue?

Thanks in advance for your reaction.

[George]

Hi Marco,

The problem is caused by the default dnn styles - there are global UL and LI styles that ruin the editor's design.

Please set the following styles to the page where the editor is and the problem will be workarounded:

.radeditor ul li,
.rade_dropDownBody ul li
{
   list-style: none !important;
}

.radeditor a
{
   text-decoration:none !important;
}

I hope this helps.

Sincerely,
George
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center