Introducation:
In this example iam going to explain how to use Resizable extender Control in asp.net.
Demo:
Description:
Resizable Control is an extender that attaches to any element on a webpage and allows the user to resize that control with a handle that attaches to lower corner of the control.The resize handle lets the user resize the elementas if it were a window.The appearance of the resize handle can be specified by the page designer with CSS Style.
When Ever You Want to Use Ajax Controls in your website First you need Add.
AjaxControlToolkit reference to your application.
<%@ Register
Assembly="AjaxControlToolkit"
Namespace="AjaxControlToolkit"
TagPrefix="asp"
%>
You can Change TagPrefix Also,Some Exaples tagPrefix="ajax", tagPrefix="cc1",tagPrefix="asp"
And also you have to add Tool kit Scriptmanager Control under <Form> tag:
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>
Your aspx page:.
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.HandleCSS
{
width: 20px;
height: 20px;
background-color: Red;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<asp:ToolkitScriptManager
ID="ToolkitScriptManager1"
runat="server">
</asp:ToolkitScriptManager>
<div>
<asp:Panel ID="Panel1" runat="server"
Width="500PX"
BorderColor="Highlight"
BorderStyle="Solid">
Submit Shrink (via Server) Grow (via Client) Last image resize at Sat
Jan 04 2014 18:57:36
GMT+0530 (India Standard Time) ASP.NET AJAX is a free framework for building a
new generation of richer, more interactive, highly personalized cross-browser
web applications. This new web development
technology from Microsoft integrates
cross-browser client script libraries with the
ASP.NET 2.0 server-based development
framework. In addition, ASP.NET AJAX offers you the
same type of development platform for
client-based web pages that ASP.NET offers for server-based pages. And because
ASP.NET AJAX is an extension of ASP.NET, it is
fully integrated with server-based
services. ASP.NET AJAX makes it possible to easily
take advantage of AJAX techniques on the web and enables you to create ASP.NET
pages with a rich, responsive UI and
server communication. However, AJAX isn't just for
ASP.NET. You can take advantage
of the rich client framework to easily build
client-centric web applications that
integrate with any backend data provider and run on most modern
browsers.
</asp:Panel>
<asp:ResizableControlExtender
ID="ResizableControlExtender1"
runat="server"
TargetControlID="Panel1"
HandleCssClass="HandleCSS">
</asp:ResizableControlExtender>
</div>
</form>
</body>
</html>
|
