Hello,
In our project we have background image and color defined for the BODY tag within global stylesheet. When I put RAD Editor on the page the text area of the editor inherits image and background color. How to specify different image/color for the text area of the editor?
I've tried to modify EditorContentArea.css to specify those attributes but it doesn't seem to work.
Thank you.
In our project we have background image and color defined for the BODY tag within global stylesheet. When I put RAD Editor on the page the text area of the editor inherits image and background color. How to specify different image/color for the text area of the editor?
I've tried to modify EditorContentArea.css to specify those attributes but it doesn't seem to work.
Thank you.
8 Answers, 1 is accepted
0
Accepted
Hi Andrei,
Please, review the following help article on the subject: Content Area Appearance Problems.
Best regards,
Rumen
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Please, review the following help article on the subject: Content Area Appearance Problems.
Best regards,
Rumen
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
virt
Top achievements
Rank 1
Rank 1
answered on 24 Oct 2008, 04:13 PM
This is exactly what I was looking for.
Thank you!
Thank you!
0
Kludge
Top achievements
Rank 1
Rank 1
answered on 24 Feb 2009, 03:55 AM
This is slightly annoying... I am trying to create a custom stylesheet for a hosted application that uses the RadEditor and it is (by design) taking the background color of the page body. Since the background color is a dark brown this doesn't work too well. I don't have access to the code; the application is sitting on a server somewhere. I do have access to the global (application) CSS file however and need to know what selector(s) I need to use to get at the background color of the RadEditor.
Thank you in advance!
Thank you in advance!
0
Hi Roger,
I understand your scenario, but there are only two available options to solve the problem. The recommended one is to contact the developer which is responsible for the web application development and ask him to set the RadEditor's CssFiles property to point to an empty css file, e.g.
<telerik:RadEditor ID="RadEditor1" Runat="server">
<CssFiles>
<telerik:EditorCssFile Value="~/empty.css" />
</CssFiles>
</telerik:RadEditor>
This will be the better and recommended way to solve the problem.
The other option in case you have access to the global (application) CSS is to find the global body class and remove the background-color / background css property which is applying the dark brown color to the editor. Of course this will change the appearance of the whole page with the editor.
Best regards,
Rumen
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
I understand your scenario, but there are only two available options to solve the problem. The recommended one is to contact the developer which is responsible for the web application development and ask him to set the RadEditor's CssFiles property to point to an empty css file, e.g.
<telerik:RadEditor ID="RadEditor1" Runat="server">
<CssFiles>
<telerik:EditorCssFile Value="~/empty.css" />
</CssFiles>
</telerik:RadEditor>
This will be the better and recommended way to solve the problem.
The other option in case you have access to the global (application) CSS is to find the global body class and remove the background-color / background css property which is applying the dark brown color to the editor. Of course this will change the appearance of the whole page with the editor.
Best regards,
Rumen
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
Jeremy Greenberg
Top achievements
Rank 1
Rank 1
answered on 09 Feb 2010, 07:45 AM
Hi,
That sounds the correct solution. However, I wonder if there is any global/application wide setting for such CSS files? For example, I have an application where many instances of RadEditor are used. I want to add a global configuration (like in web.config, if possible) to set the stylesheet for the editor. So that all editors use same style sheet (and same styles etc are loaded from one place) and it is easy to change/add further stylesheets later.
Is there a way to control Editor CSS files globally?
thanks,
That sounds the correct solution. However, I wonder if there is any global/application wide setting for such CSS files? For example, I have an application where many instances of RadEditor are used. I want to add a global configuration (like in web.config, if possible) to set the stylesheet for the editor. So that all editors use same style sheet (and same styles etc are loaded from one place) and it is easy to change/add further stylesheets later.
Is there a way to control Editor CSS files globally?
thanks,
0
Hi Jeremy,
RadEditor can be configured to use ASP.NET 2.0 Themes in the same manner as ordinary ASP.NET controls. A theme can be shared among multiple editors to make group configuration extremely easy. This ensures that configuration of all editors is done from a single location. You can find more information in this help article: Using Themes.
By the way the most of RadEditor live demos use Themes and skin files, for example the Default Example.
Sincerely,
Rumen
the Telerik team
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Follow the status of features or bugs in PITS and vote for them to affect their priority.
RadEditor can be configured to use ASP.NET 2.0 Themes in the same manner as ordinary ASP.NET controls. A theme can be shared among multiple editors to make group configuration extremely easy. This ensures that configuration of all editors is done from a single location. You can find more information in this help article: Using Themes.
By the way the most of RadEditor live demos use Themes and skin files, for example the Default Example.
Sincerely,
Rumen
the Telerik team
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Follow the status of features or bugs in PITS and vote for them to affect their priority.
0
Jeremy Greenberg
Top achievements
Rank 1
Rank 1
answered on 09 Feb 2010, 08:45 AM
Thank you for your reply.
I was actually meant to configure editor (setting stylesheet) without changing anything in the editor tag (like applying the theme name in the <telerik:radEditor tag)
Do we have any option ?
thanks,
I was actually meant to configure editor (setting stylesheet) without changing anything in the editor tag (like applying the theme name in the <telerik:radEditor tag)
Do we have any option ?
thanks,
0
Hi Jeremy,
By default, RadEditor picks automatically the css classes from the parent page in which it resides. This operation applies the css classes to the content area and populates them in the Apply Class dropdown. In this scenario you should not touch the RadEditor configuration and set any properties. You should just load the desired css classes in the page stylesheet.
If the CssFiles property is set the editor will not copy the css classes from the page.
Sincerely,
Rumen
the Telerik team
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Follow the status of features or bugs in PITS and vote for them to affect their priority.
By default, RadEditor picks automatically the css classes from the parent page in which it resides. This operation applies the css classes to the content area and populates them in the Apply Class dropdown. In this scenario you should not touch the RadEditor configuration and set any properties. You should just load the desired css classes in the page stylesheet.
If the CssFiles property is set the editor will not copy the css classes from the page.
Sincerely,
Rumen
the Telerik team
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Follow the status of features or bugs in PITS and vote for them to affect their priority.