[Solved] RadEditor as TextBox IE8 issues

[Marc Henssen]

Hello,

I want to use a radEditor as a multiline textbox with markup and scrollbar in read only mode (preview). I use the telerik example radeditor as textbox as a start but I have the following issues:

• The toolbar is visible for a short time (only ie8) goes away after some clicks
• Line-height and fonts do not work in ie8 but fine in FireFox (see attachement)
• When loaded the first time in ie8 the height of the text area is half the size it should be, this value is set in the style

<style type="text/css">
        .reWrapper_corner, .reWrapper_center
        {
            display: none !important;
        }

        .reLeftVerticalSide, .reRightVerticalSide, .reToolZone, .reToolCell
        {
            background: white !important;
        }

        .reContentCell
        {
            border-width: 0 !important;
            line-height: 15px;
            height: 75px;
        }

        .reWrapper
        {
            border: 0 !important;
        }
        .RadEditor
        {
            filter: chroma(color=c2dcf0);
        }
        .reContentArea
        {
            height: 94px !important;
            font-family: "Segoe UI",Arial,sans-serif  !important;
            color:Navy;
            font-weight:bold;
            font-size: 10px !important;
        }
</style>

<telerik:RadEditor ID="RequestEditor" runat="server"
         EditModes="Preview" ToolbarMode="ShowOnFocus"
         Width="318px" Height="100px"  Skin="Hay"
         BorderStyle="Solid"  BorderWidth="1px"
         BackColor="White" ToolsWidth="1px"
         ContentAreaMode="Div" CssClass="incidentRadEditor"
         OnClientLoad="OnClientLoad" >
                            <Tools>
                            </Tools>
                            <Content>
                                <b>Line 1</b><br />
                                Line 2<br />
                                Line 3<br />
                                Line 4<br />
                                Line 5<br />
                                Line 6<br />
                                Line 7<br />
                            </Content>
                        </telerik:RadEditor>

I tried <meta http-equiv="X-UA-Compatible" content="IE=7" /> But this messes up my layout of my radgridtoolbar

Please take a look at the attachement

All help welcome

regards

Marc Henssen

[Rumen]

Hi Marc Henssen,

Straight to the points:
1) You can completely hide the toolbar by setting the ToolsFile property to point to an xml file which contains only <root></root> tags. Also delete the ToolbarMode="ShowOnFocus" property.
2) The line height and fonts are displayed fine on my end. See the attached video at: http://screencast.com/t/O0uAtTS7fk.

 <telerik:RadEditor ID="RequestEditor" runat="server" EditModes="Preview" ToolsFile="empty.xml"
 Width="318px" Height="100px" Skin="Hay" BorderStyle="Solid" BorderWidth="1px"
 BackColor="White" ToolsWidth="1px" ContentAreaMode="Div" CssClass="incidentRadEditor">
 <Content>
 <p style="line-height:32px; font-family: Tahoma">
 <b>Line 1</b><br />
 Line 2<br />
 Line 3<br />
 Line 4<br />
 Line 5<br />
 Line 6<br />
 Line 7<br />
 </p>
 </Content>
 </telerik:RadEditor>

3) I was unable to reproduce this problem too. Please, note that in my test the OnClientLoad event is not attached, because you have not provided the OnClientLoad function. The test of this point is included in the test video (http://screencast.com/t/O0uAtTS7fk)

For your convenience I have attached my test project.

Kind regards,
Rumen
the Telerik team

[Marc Henssen]

Hi Rumen,

you definitely saved my weekend,

your support is fast and complete, thanks a lot.

The problems where solved, the <p style ..> solution is much simpler than the css I was trying.

Point 3 remains, but that may be some local installation issue, on the production server this looks as it should be, it ís only visible in my dev environment and its not messing up things, no big problem.

Thanks again, and have a nice weekend!

Marc