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

radeditor width 100%

3 Answers 142 Views

Editor

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

3 Answers, 1 is accepted

answered on 18 Jul 2013, 09:00 AM

Hello Jean,

By design RadEditor does not support size in percentages and this is why its size is not reset when browser window is resized.

The only possible approach I could suggest you is to implement your all Client-Side logic on the Editor's load and the window resize events. In this function you could take the current size of the browser window and set it as a width of the RadEditor control by using its setSize() method. You can do it in a similar way:

<telerik:RadEditor Width="100px" Height="750px" ID="RadEditor1" Skin="Silk" runat="server" OnClientLoad="resizeEditor"

_ToolsFile="/Admin/DocumentsManagementV3/xml/ToolsFile.xml" _SkinID="DefaultSetOfTools">

</telerik:RadEditor>

<script type="text/javascript">

Sys.Application.add_load(function () {

window.onresize = resizeEditor;

})

function resizeEditor() {

var editor = $find("<%=RadEditor1.ClientID %>");

//set the width and height of the RadEditor

var windowWidth = $telerik.$(window).width();

var editorHeight = $telerik.$("#" + editor.get_id()).height();

editor.setSize(windowWidth - 20, editorHeight);

}

</script>

Note, that if the initially set width of the Editor is configured in percentages the code above will not work. I hope this helps.

Regards,
Veselina Raykova
Telerik

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.