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

Textbox like Editor bolder disapear in FF with AutoResizeHeight=true

1 Answer 22 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Li Zhou
Top achievements
Rank 1
Li Zhou asked on 19 Jun 2010, 09:16 PM
I followed the demo in this link http://demos.telerik.com/aspnet-ajax/editor/examples/editorastextbox/defaultcs.aspx
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

Sort by
0
Rumen
Telerik team
answered on 21 Jun 2010, 02:40 PM
Hello Li,

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
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
Tags
Editor
Asked by
Li Zhou
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Share this question
or