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

Upgraded Editor Displaying Differently

2 Answers 68 Views

Editor

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

Lynn asked on 22 Mar 2011, 09:09 PM

Telerik-Editor-Question1.png

Telerik-Editor-Question2.png

I just downloaded and installed the latest upgrade in the last 2 or 3 days and am having a problem with the Editor now that I did not have prior to the new upgrade. Basically, no matter what skin I choose, the actual text editing portion of the editor displays the page background.

The source code for the .aspx page is immediately below.

<%@ Page Language="VB" AutoEventWireup="true" CodeFile="ZTest_RadEditor.aspx.vb" Inherits="ZTest_RadEditor" %>

<!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 runat="server">

<title></title>

<link href="THDiStyles/Default.css" rel="stylesheet" type="text/css" />

</head>

<body>

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

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<div>

<br /><br />

<telerik:RadEditor ID="RadEditor1" runat="server" EnableEmbeddedSkins="true" Skin="Simple" ToolsFile="BasicTools.xml" >

</telerik:RadEditor>

<br /><br />

</div>

</form>

</body>

</html>

I have uploaded screen captures of:
(a) The displayed page; and,
(b) The Developer Tools window capture.

Can anyone tell me what is happening? I have not changed anything I am doing and this did not happen before installing the last upgrade.

Thanks in advance for the assistance!

Lynn

2 Answers, 1 is accepted

Accepted

answered on 23 Mar 2011, 02:56 PM

Hello Lynn,

This can happen depending on the weight of your selectors, because by default RadEditor takes the CSS rules from the parent page. If you do not want to load them simply add the following code in its definition:

<telerik:RadEditor runat="server" ID="editor1">

<CssFiles>

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

</CssFiles>

</telerik:RadEditor>

Even though the appointed css file does not exist this will prevent the editor from loading the page's CSS.
More information is available in the following article: http://www.telerik.com/help/aspnet-ajax/editor-content-area-appearance-problems.html.

Kind regards,
Marin
the Telerik team

Vote for the 7 Telerik products at the 2011 Great Indian Developer Awards!