Resize View HTML window?

[Bryan]

My users are wanting a way to enlarge or resize the window that pops up when they click the View HTML button in the Editor widget. Is there a way to do this or is beyond the developer's control? Thanks.

[Dimitar]

Hello Bryan,

You can try to modify the ViewHtml Window options by subscribing to the Editor's execute event. In the event handler, retrieve the Widnow instance and modify the width option with the setOptions() method as follows:

@(Html.Kendo().Editor()
.Name("editor")
.HtmlAttributes(new { style = "width: 100%;height:440px" })
.Tools(tools => tools
 .Clear()
 .ViewHtml()
)
.Events(e => e.Execute("onExecute"))
)

<script>
function onExecute(e) {
 if (e.name == "viewhtml") {
 setTimeout(function () {
 var window = $(".k-editor-dialog").getKendoWindow();
 window.setOptions({ width: 1000 });
 });
 }
}
</script>

In addition to the above, you might also need to modify the textarea styling to fit the new Window width:

<style>
    .k-editor-dialog .k-editor-textarea {
        min-width: 100%;
    }
</style>

I hope this helps.

Regards,
Dimitar
Progress Telerik

[Bryan]

Thanks, that helped a lot.