editor height is incorrect with height:100%

[ido nahmias]

Hello,

I installed Telerik latest version, and I noticed that my editor height became smaller and not expanded over the td as it was on Telerik's previous versions.

Description: my editor is inside a td, and I set the editor to be width:100% and height: 100%- the width expands as it should (td wifth is equal to editor width) but the height doesn't behave the same (the editor height is smaller than the td height).

* on the previous versions it worked correctly.

Thanks,

[Shinu]

Hi ido nahmias,

The Height problem is  a well known issue / bug in the Mozilla / Gecko / Web-Kit (Safari and Chrome) browsers, and not in RadEditor. The browser itself ignores setting any heights smaller than 150px to the IFRAME element. As a work around please try the following sample code snippet.

ASPX:

<table>
    <tr>
        <td>
            <telerik:RadEditor ID="RadEditor1" runat="server" Height="100px" Width="500px">
            </telerik:RadEditor>
        </td>
    </tr>
</table>

JavaScript:

<script type="text/javascript">
    function pageLoad() {
        var editor = $find("<%=RadEditor1.ClientID %>");
        editor.setSize(editor.get_element().style.width, 100);
        editor.get_contentAreaElement().style.height = "100px";
    }
</script>

Thanks,
Shinu.

[ido nahmias]

At Q3 2013 it worked, when I upgraded to Q1 2014 it stops working as I specified above.

[Shinu]

Hi ido nahmias,

As  work around you can try the JavaScript code provided in the previous post. Please take a look into this forum thread which discuss the same scenario.

http://www.telerik.com/forums/radeditor-height-not-working-properly#08Ocw3hqTUqVrVOgXQYwbg

Thanks,
Shinu.