Hi,
I've run into a display problem using RadEditor in IE when ToolbarMode="ShowOnFocus". Everything's OK in Firefox, but in IE 7 or 8, when you click in the editor content area, the entire content area gets pushed downwards a few pixels when the toolbars display. Although it doesn't sound a big problem, it's having a ripple effect on the rest of my page's content.
I assumed it was likely to be a CSS interefence problem from my application's CSS but the problem persists even in the basic test page below:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="editor.aspx.cs" Inherits="Editor" %>
<!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>
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server"/>
<h1>Heading</h1>
<h1>Heading</h1>
<h1>Heading</h1>
<telerik:RadEditor ID="RadEditor1" runat="server" ToolbarMode="ShowOnFocus" />
</form>
</body>
</html>
I'm running ASP.NET Controls v2010.2.713.40 and using the Net 4.0 library. Any ideas how I can overcome this?
Regards, Ian
I've run into a display problem using RadEditor in IE when ToolbarMode="ShowOnFocus". Everything's OK in Firefox, but in IE 7 or 8, when you click in the editor content area, the entire content area gets pushed downwards a few pixels when the toolbars display. Although it doesn't sound a big problem, it's having a ripple effect on the rest of my page's content.
I assumed it was likely to be a CSS interefence problem from my application's CSS but the problem persists even in the basic test page below:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="editor.aspx.cs" Inherits="Editor" %>
<!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>
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server"/>
<h1>Heading</h1>
<h1>Heading</h1>
<h1>Heading</h1>
<telerik:RadEditor ID="RadEditor1" runat="server" ToolbarMode="ShowOnFocus" />
</form>
</body>
</html>
I'm running ASP.NET Controls v2010.2.713.40 and using the Net 4.0 library. Any ideas how I can overcome this?
Regards, Ian
2 Answers, 1 is accepted
0
Hi Ian,
Thank you for bringing this problem to our attention. I have logged it in our ToDo list and we will try to fix it for one of our upcoming releases. For the time being, as a workaround you can use the following CSS:
Please note that using this CSS you will need to set the RadEditor's ToolsWidth property, e.g.:
As a small token of gratitude I have updated your Telerik points.
Kind regards,
Dobromir
the Telerik team
Thank you for bringing this problem to our attention. I have logged it in our ToDo list and we will try to fix it for one of our upcoming releases. For the time being, as a workaround you can use the following CSS:
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server"><style type="text/css"> #<%=RadEditor1.ClientID%>Top div { display:none; }</style></telerik:RadCodeBlock>Please note that using this CSS you will need to set the RadEditor's ToolsWidth property, e.g.:
<telerik:RadEditor ID="RadEditor1" runat="server" ToolbarMode="ShowOnFocus" ToolsWidth="690px" />As a small token of gratitude I have updated your Telerik points.
Kind regards,
Dobromir
the Telerik team
Do you want to have your say when we set our development plans?
Do you want to know when a feature you care about is added or when a bug fixed?
Explore the
Telerik Public Issue Tracking
system and vote to affect the priority of the items
0
Ian
Top achievements
Rank 1
Rank 1
answered on 02 Nov 2010, 11:37 AM
Dobromir,
Hi. Your workaround has resolved the problem.
Thanks, Ian
Hi. Your workaround has resolved the problem.
Thanks, Ian