RadEditor Default Font

[Himadri Banerjee]

I have a RadEditor for ASP.NET Ajax (Nov. Service Pack)  and I am trying to set the Default Font of the Editor to Verdana 10pt.
I have created a css file with the following options and named it as  EditorContentAreaStyles.css

body

 

{

 

 

 

font-family: Verdana !important;

 

 

 

font-size: 10pt !important;

 

 

}

 

 

In my code I have my RadEditor declared as follows:

<

 

telerik:RadEditor ID="RadHTMLContent" runat="server" Height="400" ToolbarMode="Default"

 

 

 

Font-Names="Verdana" Font-Size="11pt" EditModes="Design,Html" Skin="Office2007" ContentAreaCssFile="~/EditorContentAreaStyles.css"

 

 

 

StripFormattingOptions="AllExceptNewLines" Width="95%" ToolsFile="~/RadEditorMenu/RadToolBar.xml"

 

 

 

EnableViewState="False">  

 

 

</telerik:RadEditor>

 

 

My problem is when I declare ContentAreaCssFile and try to put a table the borders of the tables are not appearing and the users can't see the border. Although it is there and I can select it but I can't see the dotted border. Once I remove the ContentAreaCssFile option I get the border as designed in Editor Control. Is there something missing in my .css file that I need to add.

Please Advise.
Thanks
Himadri

[Rumen]

Hi Himadri,

You should also put the following table classes in your EditorContentAreaStyles.css:

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;
}

The default styles for table elements are available in the following help article:

Content Area Appearance Problems.



Best regards,
Rumen
the Telerik team

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