custom css styles

[Wim Duerinck]

Hi,

We have some problems to add custom css styles to RadEditor in Moss.
We made a file 'cssEditor.css' in which we defined custom css styles. However the dropdown is still showing us the default 'clear class'.
We tried already different solutions but it still remains the same. We already tried the following : added a line in configfile to point to 'cssEditor.css', added classes to 'toolsfile',.... We use version 5.5.1.0.
CssEditor:

body
{

 font-family: Arial !important;
 font-size: 11pt !impotant;

}

title

{

 font-family: Verdana ;
 font-size: 16pt ;
}

Toolsfile :
<root>
  <modules>
    <module name="RadEditorDomInspector" />
  </modules>
 
  <tools name="MossTools1">
    <tool name="AjaxSpellCheck" shortcut="F7"/>
    <tool name="FindAndReplace" />
    <tool separator="true" />
    <tool name="Cut" shortcut="CTRL+X" />
    <tool name="Copy" shortcut="CTRL+C" />
    <tool name="PastePlainText" shortcut="CTRL+V" />
    <tool name="PasteAsHtml" />  
    <tool separator="true" />
    <tool name="Undo" shortcut="CTRL+Z" />
    <tool name="Redo" shortcut="CTRL+Y" />
    <tool separator="true" />
    <tool name="MOSSLinkManager" shortcut="CTRL+K" />
    <tool name="Unlink" shortcut="CTRL+SHIFT+K" />
    <tool name="ImageManager" shortcut="CTRL+G" />
    <tool name="MOSSTemplateManager" />
    <tool name="DocumentManager" />
    <tool separator="true" />
    <tool name="MOSSInsertTable" />
    <tool name="SetTableProperties" />
    <tool name="ToggleTableBorder" />
    <tool separator="true" />
    <tool name="MOSSInsertTableElement">
      <tool name="InsertRowAbove" />
      <tool name="InsertRowBelow" />
      <tool name="InsertColumnLeft" />
      <tool name="InsertColumnRight" />
      <tool name="DeleteRow" />
      <tool name="DeleteColumn" />
      <tool name="SplitCell" />
    </tool>
    <tool name="MergeColumns" />
    <tool separator="true" />
    <tool name="ToggleSource" />
    <tool name="FormatStripper" />
    <tool separator="true" />
    <tool name="MOSSRightToLeft" />
    <tool name="MOSSLeftToRight" />
  </tools>
  <tools name="MossTools2">
    <tool name="ApplyClass" />
    <tool name="FormatBlock" />
    <tool separator="true" />
    <tool name="FontName" />
    <tool name="RealFontSize" />
    <tool separator="true" />
    <tool name="Bold" shortcut="CTRL+B" />
    <tool name="Italic" shortcut="CTRL+I" />
    <tool name="Underline" shortcut="CTRL+U" />
    <tool separator="true" />
    <tool name="JustifyLeft" />
    <tool name="JustifyCenter" />
    <tool name="JustifyRight" />
    <tool separator="true" />
    <tool name="InsertOrderedList" />
    <tool name="InsertUnorderedList" />
    <tool separator="true" />
    <tool name="Indent" />
    <tool name="Outdent" />   
  </tools>
  <fontNames>
    <item name="Arial" />
 </fontNames>
  <realFontSizes>
    <item value="11pt"></item>
    <item value="12pt"></item>
    <item value="14pt"></item>
    <item value="16pt"></item>
  </realFontSizes>
   <tools name="MossTools3">
    <tool name="ForeColor" />
    <tool name="BackColor" />
    <tool separator="true" />  
    <tool name="InsertSymbol" />     
    <tool name="Help" />
 </tools>
   <colors>
    <color value="#0085bd" />
    <color value="#86a20b" />
    <color value="#454748" />
   </colors>    
  <contextMenus>
    <contextMenu forElement="*">
      <tool name="Cut"/>
      <tool name="Copy"/>
      <tool name="Paste"/>
      <tool name="InsertParagraph"/>
      <tool name="FormatBlock" />
      <tool name="Superscript" />
      <tool name="Subscript" />   
    </contextMenu>
  </contextMenus>
</root>

Configfile :

<?xml version="1.0" encoding="utf-8" ?>
<!-- ==============================================================================================
 Config File valid structure:
 <configuration>
    <property>...</property>
    ...
  <property>
   <item>...</item>
   <item>...</item>
   ...
  </property>
  ...
 </configuration>
=============================================================================================== -->
<configuration>
 

 
 <property name="ToolbarMode">ShowOnFocus</property>
 <property name="ToolsWidth">680px</property> 
</configuration>

[Stanimir]

Hello Wim,

The name of the custom file should be CssEditor.css and the file should be placed in the /Program Files/Common Files/Microsoft Shared/web server extensions/wpresources/RadEditorSharePoint/5.x.x.0__1f131a624888eeed/Resources/ folder. You can find information on defining custom CSS styles in the following online help article http://www.telerik.com/help/aspnet-ajax/defining-custom-css-styles.html.

You can also review the online help article about the CssStyles dropdown http://www.telerik.com/help/aspnet-ajax/css_styles.html.

If after reviewing the articles you still experience any problems, I will be glad to help you further. What you will need to do is provide me with your configuration files ConfigFile.xml, ListConfigFile.xml, ToolsFile.xml, ListToolsFile.xml and CssEditor.css. All of these should be located in the /Program Files/Common Files/Microsoft Shared/web server extensions/wpresources/RadEditorSharePoint/5.x.x.0__1f131a624888eeed/Resources/ folder.


Best wishes,
Stanimir
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.