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

custom color in editor

10 Answers 177 Views

Editor

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

10 Answers, 1 is accepted

answered on 27 Apr 2010, 11:37 AM

Hi Ch Perez,

All you need to do is to put this class in a style tag placed in the head of the page with RadEditor, e.g.

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">

<title></title>

<style type="text/css">

.reCustomColor{ display: none !important;}

</style>

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="AJAXScriptManager" runat="server"></asp:ScriptManager>

<telerik:RadEditor ID="RadEditor1" runat="server"></telerik:RadEditor>

</form>

</body>

</html>

All the best,
Rumen
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

answered on 29 Apr 2010, 02:22 PM

Hi,

in the content area the color is white...

i place the css file

<telerik:EditorCssFile Value="~/css/RadEditor.css" />

</CssFiles>

in my RadEditor.css

i have on ly this..

body

{

font-family: Arial, Verdana, Tahoma !important;

font-size: 16px !important;

color:White;

background-color:#464646;

}

all it's ok but when the editor load the color is white and change after css loaded ???

is it possible to do appear when the appearance is good ?

this will avoid the flash effect .

thank's.

ch.

answered on 03 May 2010, 12:32 PM

Hi,

I was unable to reproduce this behavior, but I have two additional suggestions:

Set the ContentAreaCssFile property instead of the CssFiles property as shown in this demo: Customize Content Area.
If the above does not fix the issue set programmatically the color using this code:

<telerik:RadEditor
   ID="RadEditor1"
   OnClientLoad="OnClientLoad"
   runat="server">
</telerik:RadEditor>
...
<script type="text/javascript">
   function OnClientLoad(editor, args)
   {
      var style = editor.get_contentArea().style;
      style.backgroundImage = "none";
      style.backgroundColor = "black";
      style.color= "red";
      style.fontFamily= "Arial";
      style.fontSize= 15 + "px";
   }
</script>

The code example is taken from this help article: http://www.telerik.com/help/aspnet-ajax/settingeditorbackgroundandcolor.html
Regards,
Rumen
the Telerik team

answered on 03 May 2010, 02:24 PM

settingcontentareastyles-radeditorq12010sp1.zip

Hi,

For your convenience I have attached a sample project where the problem is not reproducible. Please, test it and modify it so that the problem is reproducible. After that send it for examination by attaching the project to a support ticket.

All the best,
Rumen
the Telerik team