RadEditor ContentArea Height

4 posts, 0 answers
  1. Jai
    Jai avatar
    34 posts
    Member since:
    May 2011

    Posted 08 Jun 2011 Link to this post


    I am using this RadEditor and I found that the Editor ContentArea height is little bit more than what i wants. I tried to set the height but no effects. Please the attached screenshot. And let me know how can i do that.

  2. Rumen
    Rumen avatar
    12788 posts

    Posted 10 Jun 2011 Link to this post

    Hello Jai,

    Please, make sure that you are using the latest version of RadEditor for ASP.NET AJAX (Telerik.Web.UI.dll v2011.1.519) in your project. Remove your page stylesheet and themes and test again the editor.

    If you would like you can get reference to the content area using JavaScript

    var content area = editor.get_contentArea();

    and apply a new height using

    editor.get_contentArea().style.height = "200px";

    Best regards,
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  3. DevCraft R3 2016 release webinar banner
  4. Matt
    Matt avatar
    49 posts
    Member since:
    Jun 2012

    Posted 25 Apr 2014 in reply to Rumen Link to this post

    I know this is old but I can't find a realistic demo or working example on how to make this work. I'm using the latest (2014).

    var editor = $find("<%=RE_ChangeComments.ClientID%>");
    editor.get_element().style.height = "200px";
    editor.get_contentArea().style.height = "200px";

    Both of these only seem to change the "border" height of the editor. setSize() only seems to work for OnClientLoad, how can I simply change the height of an editor from another control like a RadComboBox??
  5. Ianko
    Ianko avatar
    1510 posts

    Posted 28 Apr 2014 Link to this post

    Hello Matt,

    Due to improvements done to the Editor's layout and resize logic, programmatically changes to the size should be done via the setSize().

    I would like also to note that if the editor is set to a height that is less than the initially set one, the editor layout will break and in such scenarios I would suggest further setting that table element, structuring the control elements with the same size.

    For example:
    <telerik:RadEditor runat="server" ID="RadEditor1" Height="400">
    <telerik:RadButton runat="server" ID="RadBtn1" AutoPostBack="false"
        Text="Change Size" OnClientClicked="changeEditorSize"></telerik:RadButton
    <script type="text/javascript">
        function changeEditorSize(sender, args) {
            var editor = $find("<%= RadEditor1.ClientID %>");
            // Getting the already set editor width
            var width = editor.get_element().style.width;
            // Using the setSize() method to resize the editor
            editor.setSize(width, "200px");
            // Setting the same size to the table element
            editor.get_mainTable().style.height = "200px";


    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

Back to Top