Click here to Skip to main content
5,786,882 members and growing! (20,868 online)
Email Password   helpLost your password?
Web Development » ASP.NET » Utilities     Intermediate License: The Code Project Open License (CPOL)

Ajax rounded corners control extender

By Preetam Jain

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.
C#.NET 3.5, .NET, ASP.NET, Ajax, Dev

Posted: 20 Nov 2008
Updated: 20 Nov 2008
Views: 1,687
Bookmarked: 4 times
Note: This is an unedited reader contribution
Announcements
Loading...



Search    
Advanced Search
Sitemap
8 votes for this Article.
Popularity: 1.13 Rating: 1.25 out of 5
7 votes, 87.5%
1
0 votes, 0.0%
2
0 votes, 0.0%
3
0 votes, 0.0%
4
1 vote, 12.5%
5
Note: This is an unedited contribution. If this article is inappropriate, needs attention or copies someone else's work without reference then please Report This Article

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


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.
Occupation: Software Developer
Location: India India

Article Top
Sign Up to vote for this article
You must Sign In to use this message board.
FAQ FAQ Noise ToleranceSearch Search Messages 
 Layout  Per page   
 Msgs 1 to 2 of 2 (Total in Forum: 2) (Refresh)FirstPrevNext
GeneralDon't understandmemberMember 36807857:35 20 Nov '08  
GeneralRe: Don't understandmembercorworxx1:45 21 Nov '08  

General General    News News    Question Question    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

PermaLink | Privacy | Terms of Use
Last Updated: 20 Nov 2008
Editor: Sean Ewington
Copyright 2008 by Preetam Jain
Everything else Copyright © CodeProject, 1999-2009
Web10 | Advertise on the Code Project