AllowResize Vertically

[Mak]

Hi,

Is it possible to limit the resize capability of the Editor so that users may only resize it vertically rather than both vertically and horizontally? Currently we are having to disable all Resize capabilities to prevent the users from breaking the page.

Hope you can help

A.

[Rumen]

Hi,

You can achieve the required functionality by manually set max-width CSS rule to the RadEditor to match its width, e.g.:

Copy Code

<telerik:RadEditor runat="server" ID="RadEditor1" Width="600px" style="max-width:600px;">
</telerik:RadEditor>

Regards,
Rumen
the Telerik team

[Steven]

If you look at the JS, the handle is preset to "se" and that is the only item that binds.

I've added the following to my ClientInit method which appears to lock it to vertical re-sizing.
All that remains is an IE Bug that causes the editor to shrink whenever you re-size it

oninit: function(editor) {
    var el = editor.get_element();
    var width = (el.currentStyle || el.style).width;

    // ensure proper width
    editor.add_firstShow(function () {
        el.style.width = width;

        // lock resizing to just Y coords
        editor._resizeExtender.set_constraints({
            x: width,
            y: 0,
            width: 0,
            height: screen.availHeight
        });
    });
}

[Steven]

Quick fix for IE shrinking bug

function RadEditor_oninit(editor) {

    var el = editor.get_element();
    var width = (el.currentStyle || el.style).width;

    editor.add_firstShow(function () {
        // ensure proper width
        el.style.width = width;

        // IEBug - set width to eliminate shrinkage
        editor.get_mainTable().style.width = width;

        editor._resizeExtender.set_constraints({
            x: parseInt(width),
            y: 0,
            width: 0,
            height: parseInt(screen.availHeight)
        });
    });
});