7 Answers, 1 is accepted
0
Hello arijit,
Actually the default background color of the RadEditor's content area is white. When you use a global style for setting the page's body background, however, you override the editor's background and it looks like its background is transparent.
You can override the background of the body global style in your page with the following code:
or by setting the Value attribute of the telerik:EditorCssFile innerTag to an empty string or some external file:
Another option is to set the background color as your page's body inline style - in this case it will not affect the RadEditor's content area:
All the best,
Svetlina
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
Actually the default background color of the RadEditor's content area is white. When you use a global style for setting the page's body background, however, you override the editor's background and it looks like its background is transparent.
You can override the background of the body global style in your page with the following code:
| <script type="text/javascript"> |
| function OnClientLoad(editor, args) |
| { |
| editor.get_document().body.style.backgroundColor = "white"; |
| } |
| </script> |
| <asp:ScriptManager ID="ScriptManager1" runat="server" /> |
| <telerik:radeditor runat="server" ID="RadEditor1" OnClientLoad="OnClientLoad" ToolsFile="~/ToolsFile.xml"> |
| <Content> |
| Here is sample content! |
| </Content> |
| </telerik:radeditor> |
or by setting the Value attribute of the telerik:EditorCssFile innerTag to an empty string or some external file:
| <telerik:radeditor runat="server" ID="RadEditor1" ToolsFile="~/ToolsFile.xml"> |
| <Content> |
| Here is sample content! |
| </Content> |
| <CssFiles> |
| <telerik:EditorCssFile Value="" /> |
| </CssFiles> |
| </telerik:radeditor> |
Another option is to set the background color as your page's body inline style - in this case it will not affect the RadEditor's content area:
| <body style="background:red"> |
I hope that this information is helpful.
All the best,
Svetlina
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
0
arijit
Top achievements
Rank 1
Rank 1
answered on 04 Jul 2008, 09:06 AM
Thank you sir for the idea, actually the following script is working as it is a previous version
editor.GetContentArea().style.backgroundColor = "white";
Again one more question , ToolsHeight and ToolsWidth is not working, and how to remove the footer items, I want a editor just like where i am writing now, what are the settings used ?
Thanx in advance
0
Hi Arijit,
The ToolsWidth and ToolsHeight properties should work as expected. I made a test with the latest version and they worked properly. Of course, if the toolbar width is larger that the value set for the ToolsWidth property, the toolbar will be not displayed on two rows.
You can remove the editor's modules by firing the Clear method of the Modules collection of RadEditor:
RadEditor1.Modules.Clear();
Sincerely yours,
Rumen
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
The ToolsWidth and ToolsHeight properties should work as expected. I made a test with the latest version and they worked properly. Of course, if the toolbar width is larger that the value set for the ToolsWidth property, the toolbar will be not displayed on two rows.
You can remove the editor's modules by firing the Clear method of the Modules collection of RadEditor:
RadEditor1.Modules.Clear();
Sincerely yours,
Rumen
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
0
arijit
Top achievements
Rank 1
Rank 1
answered on 04 Jul 2008, 10:34 AM
Thanx for the supports
How can I set the width of the content at client side ?
How can I set the width of the content at client side ?
editor.GetContentArea().style.width="800px"; is not working.
0
Hi Arijit,
My suggestion is to use the editor.SetSize(800, editor.GetHeight()) method of RadEditor. You can find more information here.
Best regards,
Rumen
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
My suggestion is to use the editor.SetSize(800, editor.GetHeight()) method of RadEditor. You can find more information here.
Best regards,
Rumen
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
0
arijit
Top achievements
Rank 1
Rank 1
answered on 04 Jul 2008, 12:36 PM
Thanx but this is not my answer.
I want to set the width of the Content Area, not the editor.
0
Thank you for the additional information.
You should set the width to the editor's IFRAME, e.g.
<script type="text/javascript">
function OnClientLoad(editor)
{
var iframe = document.getElementById("RadEContentIframe" + editor.Id);
iframe.style.width="800px"
}
</script>
<radE:RadEditor ID="RadEditor1" OnClientLoad="OnClientLoad" runat="server" ></radE:RadEditor>
Greetings,
Rumen
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
You should set the width to the editor's IFRAME, e.g.
<script type="text/javascript">
function OnClientLoad(editor)
{
var iframe = document.getElementById("RadEContentIframe" + editor.Id);
iframe.style.width="800px"
}
</script>
<radE:RadEditor ID="RadEditor1" OnClientLoad="OnClientLoad" runat="server" ></radE:RadEditor>
Greetings,
Rumen
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center