SIGN UP MEMBER LOGIN:    
ARTICLE

Ajax rounded corners control

Posted by Rahul Kumar Saxena Articles | ASP.NET Controls in C# September 15, 2008
There is a very good control in AJAX to make rounded type shape. We can create rounded shape in many design by using Corners property of this control.
Reader Level:
 

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"
%>
 

<!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: RoundedCorners</title>  

</head>

<body>

    <form id="form1" runat="server">

        <asp:ScriptManager ID="ScriptManager1" runat="server">

        </asp:ScriptManager>

        <div>

            <table cellpadding="0" cellspacing="0" width="50%" align="center">

                <tr>

                    <td>

                        <asp:Panel ID="PanelLogin" runat="server" Height="190px" Width="395px" BackColor="#00AEEF">

                            <div>

                                <table cellspacing="3" width="98%" align="center" style="margin: 0px 5px 0px 5px;">

                                    <tr>

                                        <td align="center" style="font-weight: bold;">

                                            AJAX: A Good Control To Make rounded Corner

                                        </td>

                                    </tr>

                                </table>

                            </div>

                        </asp:Panel>

                    </td>

                </tr>

            </table>

        </div>       

        <div>

            <ajaxToolkit:RoundedCornersExtender ID="rce" runat="server" TargetControlID="PanelLogin"

                Corners="Top" Radius="6" />

        </div>

    </form>

</body>

</html>

 

When I run the Application and I set Corners="None" Then

 

When I run the Application and I set Corners="Bottom" Then

When I run the Application and I set Corners="BottomLeft" Then

When I run the Application and I set Corners="Right" Then

When I run the Application and I set Corners="Top" Then

 

 

 

Login to add your contents and source code to this article
share this article :
post comment
 

Hi thanks for the tutorial, but I dont know how to use this control in my project?

please explain?

Posted by suleiman jama Apr 29, 2010

kjty iyui yuiyui yui

Posted by Rahul Kumar Saxena Mar 20, 2009

This is great and very nice to me.

Posted by Shailendra Tiwari Nov 19, 2008

ITS REALLY GOOD

Posted by Abdul Ajees Nov 18, 2008

Very nice job! Thanks man

Posted by Shuaib Rameh Nov 18, 2008
Become a Sponsor
PREMIUM SPONSORS
  • Get 2 Months Free of ASP.NET Hosting for Only $4.95/month! Receive FREE MS SQL and MySQL Databases Including ASP.NET 4/3.5, MVC 3.0, Silverlight 4, Windows 2008/IIS 7.0 Plus FREE IIS 7 Modules. Host UNLIMITED ASP.NET Web Sites - Click Here!
    ceTE software specializes in components for dynamic PDF generation and manipulation. The DynamicPDF™ product line allows you to dynamically generate PDF documents, merge PDF documents and new content to existing PDF documents from within your applications. Visit DynamicPDF here
Become a Sponsor