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

table wizard

1 Answer 123 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Barbara
Top achievements
Rank 1
Barbara asked on 13 Jul 2008, 10:36 AM
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

1 Answer, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 14 Jul 2008, 06:41 AM
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
Tags
Editor
Asked by
Barbara
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Share this question
or