mobileNavlogo
headerlogo

Blog

Ajax Resizable Control Extender

20 September, 2018

Related Blogs

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.
About Author
Authorlogo
Name

TekSlate

Author Bio

TekSlate is the best online training provider in delivering world-class IT skills to individuals and corporates from all parts of the globe. We are proven experts in accumulating every need of an IT skills upgrade aspirant and have delivered excellent services. We aim to bring you all the essentials to learn and master new technologies in the market with our articles, blogs, and videos. Build your career success with us, enhancing most in-demand skills .