RadEditor ContentArea Height

[Jai]

Hi,

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.

Thanks,
--Jai

[Rumen]

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,
Rumen
the Telerik team

[Matt]

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??

[Ianko]

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:RadEditor>

<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";
    }
</script>

Regards,
Ianko
Telerik

 

 

[Chakradhar]

Hi, 

Is there any way i can auto adjust RadEditor width

[Chakradhar]

Hi is there any way that i can adjust RadEditor width similar to 
 AutoResizeHeight="true"

If we enter text with out enter it should keep on increase the width

 

[Rumen]

Hi Chakradhar,

You can set the Width property value in percent, e.g. Width="100%".

 

Regards,
Rumen
Progress Telerik