Click here to Skip to main content
6,634,665 members and growing! (15,957 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, ASP.NET, Ajax, Dev
Posted:20 Nov 2008
Views:6,500
Bookmarked:8 times
Unedited contribution
Announcements
Loading...
 
Search    
Advanced Search
Add to IE Search
printPrint   add Share
      Discuss Discuss   Broken Article?Report  
9 votes for this article.
Popularity: 1.38 Rating: 1.44 out of 5
7 votes, 77.8%
1

2
1 vote, 11.1%
3

4
1 vote, 11.1%
5

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


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

Other popular ASP.NET articles:

Article Top
You must Sign In to use this message board.
FAQ FAQ 
 
Noise Tolerance  Layout  Per page   
 Msgs 1 to 2 of 2 (Total in Forum: 2) (Refresh)FirstPrevNext
GeneralDon't understand PinmemberMember 36807857:35 20 Nov '08  
GeneralRe: Don't understand Pinmembercorworxx1: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
Web19 | Advertise on the Code Project