trying to get a textbox like RadEditor. I also following the http://www.telerik.com/community/forums/aspnet-ajax/editor/editor-shows-a-wide-bolder-at-bottom.aspx to modify the css to prevent bottom bolder from disapearing.
However I still have issue with Firefox when AutoResizeHeight=true.
Please see attached screenshot:
In IE, it looks fine, but in Firefox (v3.5.9) the lower bolder disapears.
Here is my code in the page. Anyone know how I can fix it? Thanks
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Ed.WebForm1" %>
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>
<!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="m" runat="server">
</telerik:RadScriptManager>
<style type="text/css">
/* The following CSS needs to be copied to the page to produce textbox-like RadEditor */
.reLeftVerticalSide,
.reRightVerticalSide,
.reToolZone,
.reToolCell
{
background: white !important;
}
.reContentCell
{
border-width: 0 !important;
}
.RadEditor
{
filter: chroma(color=c2dcf0);
}
</style>
<br />
<br/>
<br />
<br/>
<br />
<telerik:RadEditor ID="Q" Runat="server" Height="150px" Width="660px" ToolsWidth="660px" ToolbarMode="ShowOnFocus" EditModes="Design" AutoResizeHeight="true" Skin="Vista">
</telerik:RadEditor>
</form>
</body>
</html>
1 Answer, 1 is accepted
The textarea mode demonstrated in the demo is not designed to work with AutoResizeHeight="true" and there is not a solution for the reported side effect in the current version.
The new version Q2 2010 Beta of RadEditor (to be out this week) will feature a new ContentAreaMode="Div" mode property which will render the content area of RadEditor as an editable DIV element instead of an editable IFRAME, e.g.
<telerik:RadEditor AutoResizeHeight="true" ContentAreaMode="Div" ...
Since the auto resize height feature is supported out-of-the box by the DIV element, you will be able to use the textarea mode of RadEditor with AutoResizeHeight="true", without side effects.
All the best,
Rumen
the Telerik team