Tables in RadEditor in Sharepoint/WSS 3.0

[bspolarich]

I'm running RadEditor 4.3.2 in WSS3.0 to edit wiki/list items.

If I try to set some basic properties for a table or cells, such as a border, background color, or font size, etc. those changes are not preserved in the Sharepoint listitem when I view it.

Changes outside of tables seem to be fine.

What's the deal here?

[George]

Hi Brian,

Please review bellow how to achieve the desired behavior:

Telerik RadEditor uses the same CSS files as the default rich-text editor. Those files are HtmlEditorTableFormats.css and HtmlEditorCustomStyles.css, which are located in the following folder:
/Program Files/Common Files/Microsoft Shared/web server extensions/12/Template/Layouts/1033/Styles

By modifying these CSS files you can add, edit, and delete CSS styles which are displayed in the "Apply CSS class" dropdown and applied to the editor's content. If you do not wish to modify the default MOSS editor CSS files, you can add your custom styles in another location:/Program Files/Common Files/Microsoft Shared/web server extensions/wpresources/RadEditorSharePoint/4.x.x.x__1f131a624888eeed/RadControls/Editor/CssEditor.css

This file is not created by default when you install RadEditor for MOSS. But, if it is present, the editor will automatically load it. However, note that the file will not be loaded in presentation mode when the editor is used in a list (e.g. wiki). This is because we cannot modify the page and add it when the editor is invisible. To workaround this problem you can include this file manually to the master page (using SharePoint Designer) or add it in the MOSS core CSS styles. Either way it will be automatically loaded in presentation as well as authoring (editing) mode. For example, to add the CssEditor.css file in the default MOSS styles, open the file /Program Files/Common Files/Microsoft Shared/web server extensions/12/Template/Layouts/1033/Styles/CORE.CSS and add the following line:
@import url("/_wpresources/RadEditorSharePoint/4.x.x.x__1f131a624888eeed/RadControls/Editor/CssEditor.css");

What I suggest is to set your custom styles in the CssEditor.css and test the scenario. In addition, please check using FireBug what styles are applied to the content when it is submitted and if needed, modify some of the global styles.

Best wishes,
George
the Telerik team

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