Display Resizing Handle for Editor

[Raymond]

I found the following style to display the sizing handle for a Kendo Editor;

/*
    Kendo Editor styles to support resizing
*/
table.k-editor .k-content {
    resize: vertical;
}

.editor-wrap {
    position: relative;
}

    .editor-wrap .k-overlay {
        position: absolute;
        opacity: 0;
        z-index: 1;
    }

    .editor-wrap .k-resize-se {
        position: absolute;
        z-index: 2;
        bottom: 6px;
        right: 6px;
        height: 26px;
        width: 26px;
    }

    .editor-wrap > .k-editor {
        height: 100%;
    }

And this works well for Google Chrome but I can't get it to display in IE11 - the sizing handle doesn't display and attempting to resize the Editor by clicking and dragging in the bottom-left corner doesn't work.

Can anyone advise what I have to do to get it to work in IE11.

Thanks in advance.

[Alex Gyoshev]

Hello Raymond,

The CSS resize property is not supported in IE at this time. In order to achieve this, you need to use JavaScript to enable resizing, perhaps utilizing the kendoResizable. See this page for a sample solution. This is a feature that is requested on UserVoice, so it is likely to land in future releases.

Regards,
Alex Gyoshev
Telerik

 

 

[Raymond]

Thanks Alex - I will have a look at the sample project.

[Raymond]

Hi Alex,

Finally got a chance to implement this today and it worked a treat.

Thanks,

Ray