How to create AJAX RoundedCornersExtender in ASP.NET?
In this article I have explained in detail about AJAX Rounded cornersExtender in ASP.NET. Almost most of the developers are like to design round corner in web page design. Ajax is introduce one new concept is Rounded cornersExtender, using this concept we can create round corner in Asp.NET controls. Learn How to create AJAX RoundedCornersExtender in ASP.NET?
How to create AJAX RoundedCornersExtender in ASP.NET?
Client side:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>AJAX Round Corner Example</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>
<asp:RoundedCornersExtender ID="RoundedCornersExtender1" runat="server" TargetControlID="Panel1" Radius="20">
</asp:RoundedCornersExtender>
<div align="center">
<asp:Panel ID="Panel1" runat="server" BackColor="#D6D6D6" Width="40%">
<table width="100%" align="center">
<tr>
<td colspan="2" height="30">
<b>Login Details</b>
</td>
</tr>
<tr>
<td height="30">
Enter User Name
</td>
<td>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td height="30">
Enter Password
</td>
<td>
<asp:TextBox ID="TextBox2" runat="server" TextMode="Password"></asp:TextBox>
</td>
</tr>
<tr>
<td colspan="2" height="30" align="center">
<asp:Button ID="Button1" runat="server" Text="Sign In" />
</td>
</tr>
</table>
</asp:Panel>
</div>
</div>
</form>
</body>
</html>
Output
Source Code Detail:
Here with I have attached source code of AJAX Rounded cornersExtender example download and try to learn this concept.
Front End : ASP.NET
Conclusion:
I hope this article help to know AJAX Rounded cornersExtender.
Nice example