ARTICLE

Ajax rounded corners control

Posted by Rahul Kumar Saxena Articles | AJAX 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
Corner None.JPG

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

Corner None.JPG

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

Corner None.JPG

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

Corner None.JPG

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

Login to add your contents and source code to 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
COMMENT USING
PREMIUM SPONSORS
Over-C is a holistic consortium of communications and technology specialists. We build, deploy and market both business as well as consumer products and solutions.
Join a Chapter
SPONSORED BY
  • PDF reports have never been easier to create. With our included WYSIWYG Designer, you can layout your reports, set up your data source and let DynamicPDF ReportWriter do the rest.