Group Discounts available for 3+ students and Corporate Clients

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.


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”>




width : 10 px;





border-style  : solid;





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”>


At runtime by clicking on the handle available at the bottom right corner of the panel you can resize the panel.

“At TekSlate, we are trying to create high quality tutorials and articles, if you think any information is incorrect or want to add anything to the article, please feel free to get in touch with us at, we will update the article in 24 hours.”

0 Responses on Ajax Resizable Control Extender"

Leave a Message

Your email address will not be published. Required fields are marked *


Please Enter Your Details and Query.
Three + 6