MagicControlHandler - replacement for AJAX Toolkit ResizableControlExtender and DragPanelExtender

MagicControlHandler is a JavaScript based tool to enable resizing and moving for almost any HTML control.

An example uses ASP.NET AJAX UpdatePanel because this needs some special handling. All you really need is:

  1. HTML page with some elements
  2. <script src="MagicControlHandler.js" type="text/javascript"></script> between <head>...</head> tags
  3. <link href="MagicControlHandler.css" rel="stylesheet" type="text/css" /> between <head>...</head> tags
  4. <input runat="server" id="MagicControl" type="hidden" />  between <form>...</form> tags
  5. add class atribute to html element with one of the following value:
    1. MagicControlWidth
    2. MagicControlHeight
    3. MagicControlSize
    4. MagicControlWidthScroll
    5. MagicControlHeightScroll
    6. MagicControlSizeScroll
    7. MagicControlMove
    8. MagicControlAll
    9. MagicControlAllScroll
  6. Implement server-side code for preserving the value from MagicControl hidden element.

Preview an example