Disable resize options for specific HTML elements

3 posts, 0 answers
  1. Erick
    Erick avatar
    81 posts
    Member since:
    Feb 2010

    Posted 01 Apr 2015 Link to this post


    We're using your editor for editing HTML e-mail templates. Almost each container as IMG, TD, TABLE are resizeable in the editor, but we don't want this option for the TABLE and TD tags, se we want to disable this option for specific HTML tags. Is this possible?

    Kind regards,
    Jelle de Boer
  2. Marin Bratanov
    Marin Bratanov avatar
    5922 posts

    Posted 02 Apr 2015 Link to this post

    Hi Jelle,

    The resize handles in Firefox and IE are generated by the browser's rich text editing engine and we cannot control that. You can read some details and a discussion on the matter here: http://www.telerik.com/forums/disable-drag-and-drop-of-body-element-in-content-area-iframe.

    There is a way to disable them for images by setting attributes to them, but I cannot guarantee it will work in all browsers and cases: http://www.telerik.com/forums/how-to-solve-image-resize-anchor-that-is-visible-in-other-elements.

    By popular demand, we have implemented a similar feature for Chrome and this is where you can disable it by adding the following function override at the end of the form that has the editors:

    Telerik.Web.UI.RadEditor.prototype._initializeResizableWidget = function () { };


    Marin Bratanov

    See What's Next in App Development. Register for TelerikNEXT.

  3. Erick
    Erick avatar
    81 posts
    Member since:
    Feb 2010

    Posted 03 Apr 2015 Link to this post

    Ok thanks, i will try it out.
Back to Top