Overriding the Background Color of the Telerik RadEditor

Return to previous page

  • 4/7/2015
  • 1928 Views

Comments

1928 Views

Overriding the Background Color of the Telerik RadEditor

Last updated 6 years ago

Comments

Common

(Enter the content of this article below)

Advanced

 
The background color of the DNN implementation RadEditor will vary right now, depending on which browser you're using to view it. The background color might be transparent, or it might inherit the background color that's defined in your skin.

For example, the following CSS in your skin file will allow the background color to always be white:

body { background-color: #ffffff; }

If you have a skin whose background color is black in the code above, then you will end up with a black background in your text editor. Skin designers have all kinds of tricks to prevent this, and they should, but we're going to focus on how to override this in your site for this post.

You will need to have direct file access to make these changes.

First, open the following file in your favorite text editor, such as Notepad:

~\Providers\HtmlEditorProviders\Telerik\Config\ConfigDefault.xml

Add the following code to that file, within the list of other properties:

<property name="CssFiles">~\Providers\HtmlEditorProviders\Telerik\Config\CustomOverride.css</property>

Finally, add the following CSS code to the CustomOverride.css file that you just told the editor to use:

body { background-color: #ffffff; }

Considerations

  • Making changes to a default configuration file introduces risk of loss of your changes on a traditional upgrade, which may overwrite any or all original DotNetNuke files. An alternative approach would be to copy the ConfigDefault.xml file to a CustomConfigDefault.xml file and make your modifications there. This would still require merging of your changes on version upgrade, but removes the risk of losing custom changes in the overwrite scenario.

External References

Contents
No sections defined

DNN Digest is our monthly email newsletter. It highlights news and content from around the DNN ecosystem, such as new modules and themes, messages from leadership, blog posts and notable tweets. Keep your finger on the pulse of the ecosystem by subscribing.  


Copyright 2017 by DNN Corp Terms of Use Privacy
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out