---
title: "Ajax Toolkit ResizableControlExtender Control in ASP.Net"  
description: "ResizablecontrolExtender allows resizing of panel control.  ResizableControl Properties: TargetControlID - The ID of the element that becomes resizabl"  
author: "Pushpendra Singh"  
published: 2010-12-03  
updated: 2020-03-04  
canonical: https://www.mindstick.com/articles/278/ajax-toolkit-resizablecontrolextender-control-in-asp-dot-net  
category: "ajax"  
tags: ["ajax"]  
reading_time: 2 minutes  

---

# Ajax Toolkit ResizableControlExtender Control in ASP.Net

ResizablecontrolExtender allows resizing of [panel control](https://www.mindstick.com/articles/311/panel-control-in-vb-dot-net).\

**ResizableControl [Properties](https://yourviews.mindstick.com/view/81845/now-it-s-possible-to-predict-properties-of-any-molecule):**

· **TargetControlID** - The ID of the element that becomes resizable

· **HandleCssClass** - The name of the CSS [class](https://www.mindstick.com/blog/165/generic-class-in-c-sharp) to apply to the resize [handle](https://answers.mindstick.com/qa/46867/how-do-i-handle-it-if-i-m-downgraded-from-first-or-business-class-on-a-flight)

· **ResizableCssClass** - The name of the CSS class to apply to the element when resizing

· **MinimumWidth/MinimumHeight** - Minimum [dimensions](https://www.mindstick.com/forum/1834/c-sharp-xaml-how-to-modify-the-dimensions-of-the-rows-and-the-columns-of-a-grid) of the resizable element

· **MaximumWidth/MaximumHeight** - Maximum dimensions of the resizable element

· **OnClientResizeBegin** - Event fired when the element starts being resized

· **OnClientResizing** - Event fired as the element is being resized

· **OnClientResize** - Event fired when the element has been resized

## Code:

Write these codes on [aspx page](https://www.mindstick.com/forum/218/how-do-i-create-an-aspx-page-that-periodically-refreshes-itself) and apply these [style](https://www.mindstick.com/articles/126300/apa-citation-style-get-to-know-about-it-for-your-next-assignment) classes in head tag of aspx page

```
<head><style type="text/css">         .main         {            width: 16px;            height: 16px;            background-image:  url(~/Jellyfish.jpg);            overflow: hidden;            cursor: se-resize;         } </style></head> <%--Add the ScriptManager, ResizableControlExtender and Panel--%>  <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>  <cc1:ResizableControlExtender ID="ResizableControlExtender1" runat="server" TargetControlID="Panel1" HandleCssClass="main" MaximumHeight="700" MaximumWidth="1000" MinimumHeight="100"MinimumWidth="100"></cc1:ResizableControlExtender>  <asp:Panel ID="Panel1" runat="server" BackImageUrl="~/Jellyfish.jpg"></asp:Panel>
```

You Can limit maximum and minimum [width and height](https://www.mindstick.com/forum/158680/what-css-property-is-used-to-set-the-width-and-height-of-an-element) of the resizable control

**Run the [project](https://yourviews.mindstick.com/story/1788/things-to-ensure-your-construction-project-is-successful)**

![AjaxControl Toolkit ResizableControlExtender Control in ASP.Net](https://www.mindstick.com/mindstickarticle/e98e3fa3-9d7a-4f7f-b59b-3c55af9223ee/images/ab63ce9a-4453-4571-94ba-9751e7615e42.png)

When you stretch right corner of the image then image width and height will increase.

![AjaxControl Toolkit ResizableControlExtender Control in ASP.Net](https://www.mindstick.com/mindstickarticle/e98e3fa3-9d7a-4f7f-b59b-3c55af9223ee/images/23dae9ca-0b7f-406f-a3c0-82053c6f03fe.png)

---

Original Source: https://www.mindstick.com/articles/278/ajax-toolkit-resizablecontrolextender-control-in-asp-dot-net

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
