How to change the background color of an AjaxControlToolkit HtmlEditorExtender control?

Question

I am using the HtmlEditorExtender control for the AJAX Control Toolkit and I want to change the background color of the editor to a different color.

How can i do this?

Answer 1

You just need to target the css class that AJAXControlToolkit uses to style this element. In this case, this is the ajax__html_editor_extender_texteditor class. The following css will make the background of the HTML editor orange:

 .ajax__html_editor_extender_texteditor { background-color:#FFA500; } 

Answer 2

If you put the control and the expander in the table, you can set the background color in the tag as follows:

 <td style="background-color: white;"> <asp:TextBox ID="myTextBox" MaxLength="1000" Width="250px" Height="250px" TextMode="MultiLine" Rows="10" Wrap="true" runat="server" /> <ajaxToolkit:HtmlEditorExtender ID="HtmlEditorExtender1" TargetControlID="myTextBox" runat="server"/> </td> 

Answer 3

Put everything inside this div. It works beautifully!

div style = "background-color: white; width: 100%; background-color: white; padding: 0px 10px 6px 0px;"

Answer 4

You are trying to define css and set it to the CssClass attribute for the HtmlEditorExtender.

eg

 <style type="text/css"> .generalbox { background-color:#F90 } </style> <cc2:Editor ID="txtDescription" CssClass="generalbox" runat="server" Height="300px" AutoFocus="true" Width="100%" />