Click here to Skip to main content
Licence CPOL
First Posted 20 Nov 2008
Views 18,319
Bookmarked 10 times

Ajax rounded corners control extender

By Preetam Jain | 20 Nov 2008 | Unedited contribution
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.
7 votes, 70.0%
1

2
1 vote, 10.0%
3

4
2 votes, 20.0%
5
1.63/5 - 10 votes
μ 1.63, σa 2.97 [?]

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

roundcornerAllsmall.JPG

When I use Corners property ="Bottom" then

roundcornerBottomsmall.JPG

When I use Corners property ="Left" then

roundcornerLeftsmall.JPG

When I use Corners property ="Right" then

roundcornerritesmall.JPG

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

About the Author

Preetam Jain

Software Developer

India India

Member
Preetam shows great interests in working with Microsoft .net technologies. He is Microsoft Certified Technology Specialist. His area of expertise includes: C#, ASP.NET,ADO.NET,Web Forms & Web Services. He is Master's in Computer Application.

Sign Up to vote   Poor Excellent
Add a reason or comment to your vote: x
Votes of 3 or less require a comment

Comments and Discussions

 
You must Sign In to use this message board. (secure sign-in)
 
Search this forum  
 FAQ
    Noise  Layout  Per page   
  Refresh
GeneralDon't understand PinmemberMember 36807857:35 20 Nov '08  
GeneralRe: Don't understand Pinmembercorworxx1:45 21 Nov '08  

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

Permalink | Advertise | Privacy | Mobile
Web04 | 2.5.120209.1 | Last Updated 20 Nov 2008
Article Copyright 2008 by Preetam Jain
Everything else Copyright © CodeProject, 1999-2012
Terms of Use
Layout: fixed | fluid