[Solved] Disable Table Editing Handles

[Bill]

Is there any way to disable the floating handles that surround an HTML table in the editor.  My application pre-fills the content of the editor with a table whose cells contain content.  I don't want the users to be able to resize the table, nor do I want them to see the handles floating all over the table when they click on the cells.  Any advice would be appreciated.

Thanks!

[George]

Hi Bill,

You can achieve the desired behavior by setting the following table attributes:

• Under IE: to prevent the table from being selected and resized please, use the following attribute unselectable="on"
   
• Under Firefox:  You can disable the selection in Firefox by placing the following css properties:
   - moz-user-focus: ignore;
   - moz-user-select: none;

I hope this helps.

Best regards,
George
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Bill]

Thank you George.  That sort of worked.  In IE the handles have gone away, however in Firefox they still remain. 

To be clear for the Firefox styles - I set the style on the table.

[George]

Hi Bill,

Indeed, when the table is double clicked the user can still resize it - unfortunately, this is a browser behavior and we cannot do much about it. In order to verify this, I prepared a simple test using an Editable IFRAME (in design mode the editor's content is an Editable IFRAME). Please, find attached a video showing my test along with my test Html page.


Best regards,
George
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center