Tables are invisible, within the editor

[Jeff]

When, within the RadEditor, we create a new HTML Table, it is invisible.  The border widths are zero, the border styles are none.

If we change the border style settings, the table is visible, but finding the newly-created table in the editor pane so as change the border style settings is difficult, since you can't see it.  (I usually switch to the html pane, but we can't expect our end-users to do that.

In your demos, the borders of a table within the editor are displayed as solid 1px gray, until you edit them to something else.  My guess is that we've somehow made CSS changes somewhere that are causing the behavior we're seeing.  But we're having a difficult time tracking down where the table border style settings are defined, when displaying a table within the editor.

Where should we be looking?

[Rumen]

Hi Jeff,

Please, see the following help article on the subject: Content Area Appearance Problems. It explains that the editor reads its content area styles from the embedded as a resource EditorContentArea.css file.

These are the default table styles:

table
{
BORDER-RIGHT: #999999 1px dashed;
border-bottom: #999999 1px dashed;
}
table td
{
PADDING: 1px;
border-top: #999999 1px dashed;
BORDER-LEFT: #999999 1px dashed;
}
table th
{
PADDING: 1px;
border-top: #000000 1px dashed;
BORDER-LEFT: #000000 1px dashed;
}



Regards,
Rumen
the Telerik team

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