Ajax Resizable Control Extender

Resizable Control Extender

 This control is used to allow the user to resize a control dynamically at runtime. TargetcontrolID : Handlecssclass: Used to specify the css class use display the handle for the Targetcontrol by clicking on which user Resizablecssclass : Used to specify the cassclass to use to change the appearance of the TargetControl while it is resized. Minumumwidth & Minimum Height : Used to specify Maximum width & height for the Target control.

Example

The following example demonstrates how to use the resizable controlextender. Add a page to the website and then place a Toolkitscript Manager & a panel on the page and within the panel take an image control and within HTML source of the page for image control remove the complete value of ‘style’ property and then set ‘width & height ’ properties within the style to 100 % Within HTML source of the page within the head section create two css styles with the names ‘handle ’ and ‘resize’ as follows <style type=”text/css”> .handle { background-color:Black; width : 10 px; height:10px; } .resize { border-style  : solid; border-width:thich; border-color:Blue; } </style> Within the HTML source of the page itself drag & drop a resizable control Extender & set following properties to it. (within panel) <asp:Resizablecontrolextender ID=”ResizablecontrolExtender” runat=”server” TargetcontrolID=”panel1” Handlecssclass=”handle” Resizablecssclass=”resize”> </asp:ResizablecontrolExtender> At runtime by clicking on the handle available at the bottom right corner of the panel you can resize the panel.