table wizard

[Barbara]

When I insert a table with the table wizard in the RadEditor, I see no dotted lines which indicates where the columns and rows are, like in your examples. The table is inserted, I can see that in the HTML mode, put I like to see the dotted lines. Can you help me?
Kind regards, Barbara

[Rumen]

Hi Barbara,

The problem could be related to some global style for TABLE, TR, TD elements that is overriding the TABLE style that the editor applies to the inserted tables in Design mode. Please, remove your css stylesheet from your page and see whether the problem still persists.

The easiest way to fix the problem is to specify just the css classes you want loaded in the editor by using its CssFiles property - this is how the editor will not pick up the styles from the parent page, e.g.

<telerik:radeditor runat="server" ID="RadEditor1">
   <CssFiles>
       <telerik:EditorCssFile Value="~/DefaultContentArea.css" />
   </CssFiles>
</telerik:radeditor>

In the DefaultContentArea.css file put the following classes:

.RadEWrongWord
{
    background-color: yellow;
}
.RadEDomMouseOver
{
    background-color:#ffffcc;   
}
body
{
    padding:3px;
    background-image: none;
    margin: 0px;
    text-align: left;
    scrollbar-face-color: #E9E9E9;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #E9E9E9;
    scrollbar-3dlight-color: #DBDBDB;
    scrollbar-arrow-color: #787878;
    scrollbar-track-color: #F5F5F5;
    scrollbar-darkshadow-color: #AEAEAE;
    word-wrap: break-word;
}
form
{
    background-color:#efefef;
    border:1px dashed #555555;
}
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;
}

Save the file and test again.

Greetings,
Rumen
the Telerik team

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