Ajax rounded corners control extender

Preetam Jain

1.24/5 (8 votes)

Nov 20, 2008

CPOL

42192

it is a very good control in AJAX to make rounded type shape. We can create rounded shape in many shape by using Corners property of this control.

Ajax Rounded Corners control is a very good control to make rounded type shape. Here by using Corners property of Ajax Rounded Corner property we can design shape in many form.

Here is the ASPX code.

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs"
    Inherits="_Default" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit"
    TagPrefix="cc1" %>

<!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>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server"><asp:ScriptManager runat="server" ID="Scrptman">
    </asp:ScriptManager>
    <div align="center">
    <table width="50%" >
    <tr align="center">
    
    <td valign="middle"><asp:Panel BackColor="BlueViolet" Height="200px"
        runat="server" ID="MainPanel" Width="100%" HorizontalAlign="Center">
   <table align="center" style="height:100px;">
   
   <tr>
   <td align="center" valign="middle">
     Asp.net Round Corner controls
   
   </td></tr></table>
  
  
   
    </asp:Panel>
    
    </td></tr></table>
    
     <cc1:RoundedCornersExtender Corners="All" Radius="6" TargetControlID="MainPanel"
          ID="RoundedCornersExtender1" runat="server"></cc1:RoundedCornersExtender>
     
    </div>
    </form>
</body>
</html>

When I use Corners property "All" then

When I use Corners property ="Bottom" then

When I use Corners property ="Left" then

When I use Corners property ="Right" then