Issue with RadEditorMoss v5.5.1.0

[Fu Yuen So]

We've updated the ToolsFile.xml to include the following class and css Files.
 <classes>
   
    <class name = "Table- Download" value=".table" />
    <class name = "Bullet" value=".bullet" />
  </classes>

  <cssFiles>
    <item name="/Style Library/styles.css" />
    <!-- temp for phase 1-->
    <item name="/Style Library/ToolsFile.css" />
  </cssFiles>

Everything works fine in IE, but when we test it in Firefox and Chrome the "Table- Download" style is not available from the drop down.

Hope to hear from you soon.
Thanks,
Fu Yuen

Thanks.

[Stanimir]

Hi Fu Yuen So,

I was not able to reproduce the problem. Could you confirm which version of RadEditor for MOSS are you using?
In addition provide us with the styles.css and ToolsFile.css style sheets. I will use them so my test will be more accurate.

Kind regards,
Stanimir
the Telerik team

[Fu Yuen So]

Hi Stanimir ,

Attached is the style we used.
styles.css

.MomTable tbody tr td, .MomTable
{
        border: 1px solid #dddddd;
        padding: 5px;
}
.table,table.table { margin-bottom: 1.3846em; }
table.table th, table.table td { padding: 12px; }
table.table th { font-weight: bold; text-align: left; background: #d6e6f3; border-bottom: 1px solid #bdcbd4; }
table.table td { background: #eef2f5; border-bottom: 1px solid #cfd3d6; }

ToolsFile.css

/* Description: CSS used by Telerik's ToolsFile.xml
 */

/*** Headers ***/
.heading1
{
    color:#EE7203;
    font-family:arial;
    font-size:17pt; /*1.5em*/
    padding:0;
    font-weight:bold;
}

.heading1_grey
{
    color:#525252;
    font-family:arial;
    font-size:1.5em;
    font-weight:bold;
}

.heading2
{
    color:#00487D;
    font-family:arial;
    font-size:11pt; /*1em;*/
    font-weight:bold;
    padding-top:1em;
}

.heading2underline
{
    color:#00487D;
    padding-bottom:.1em;
    padding-top:1em;
    font-size:11pt;/*1em;*/
    font-family:arial;
    font-weight:bold;
    border-bottom: 1px solid #B9B9B9;
    padding-bottom: .3em;
    margin: 0;
}

.heading3
{
    color:#EE7203;
    font-family:arial;
    font-size:12.5pt;
    padding:0;
    font-weight:bold;
}


.heading4
{
    color:#E36800;
    font-size:0.8em;
    font-family:verdana,sans-serif;
    font-weight:bold;
}

/*** Text ***/
.text
{
    font-family:verdana;
    font-size:8pt;
    /*color:#000000;*/
}

.text_8pt
{
    font-family:verdana;
    font-size:8pt;
    color:#000000;
}

.text_8pt_bold
{
    font-family:verdana;
    font-size:8pt;
    color:#000000;
    font-weight:bold;
}

.text_10pt
{
    font-size:10pt;
    font-family:verdana;
    color:#000000;
}

.text_10pt_bold
{
    font-size:10pt;
    font-family:verdana;
    color:#000000;
    font-weight:bold;
}

.comments
{
    font-size:xx-small;
    font-family:verdana;
    color:#000000;
}

.breadc
{
    text-decoration:none;
    color:#6e6e6e;
    font-weight:normal;
    font-size:7pt;/*0.6em;*/
    font-family:verdana,sans-serif;
}

/*** hyperlinks ***/
a.breadc
{
    color:#6e6e6e;
    font-weight:normal;
    font-size:7pt;
    font-family:verdana,sans-serif;
}

a.breadc:hover
{
    text-decoration:none;
    color:#6e6e6e;
    font-weight:normal;
    font-size:7pt;
    font-family:verdana,sans-serif;
}

a.rollover
{
    font-family:verdana;
    font-size:7pt;/*0.7em;*/
    color:#0074B5;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:medium;
    text-decoration:none;
}

a.rollover:hover
{
    color:#EE7203;
    text-decoration:none;
    font-family:verdana;
    font-size:7pt;/*0.7em;*/
}

a.bold_rollover
{
    font-family:verdana;
    font-size:7pt;/*0.7em;*/
    font-weight:bold;
    color:#0074B5;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:medium;
    text-decoration:none;
}

a.bold_rollover:hover
{
    color:#EE7203;
    text-decoration:none;
    font-family:verdana;
    font-size:7pt;/*0.7em;*/
    font-weight:bold;
}

hr{
    color: #dbe5f1;
}
.bullet {
    /*DISPLAY: block;   */
    PADDING-LEFT: 1em;
    Margin-left: 10px;
    BACKGROUND: url(/publish/images/icon/img_orangearrow.gif) no-repeat left top;
}

Hope to hear from you again.

Thanks.

[Stanimir]

Hi Fu Yuen So,

I tested the issue and I was able to reproduce. The problem is that the parser of RadEditor styles can not deal with styles such as .table,table.table. I logged this issue on our bug tracking system, so we should be able to fix for one of our upcoming releases. In mean time one solution of the problem is to define the .table style as:

.table{ margin-bottom: 1.3846em; }

 


Greetings,
Stanimir
the Telerik team

[Fu Yuen So]

Thanks Stanimir, we've implemented the workaround and it works now.