[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 4484
  • Last Modified:

How to give round corners to a Button control

Hello All,
I saw the video at URL(Below) to give round corners to controls using Ajax roundcorner extender
http://www.asp.net/learn/ajax-videos/video-98.aspx

I followed the video and was able to get round corners for panel control and when I did the same for Button control I failed...Can anyone tell me if I can make use of roundcorner extender for button control? If not what is the best way to make a button with rounded corners...

Thank You
Will
<%@ 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">
    <div style="width: 224px; height: 149px">
       
        <asp:Panel ID="Panel1" runat="server" BackColor="#00FF99" Height="146px" 
            Width="223px">
            This is to Test the Panel
        </asp:Panel>
        <asp:Button ID="Button1" runat="server" Text="Try Me" BackColor="#00CCFF" />
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <cc1:RoundedCornersExtender ID="RoundedCornersExtender1" runat="server" TargetControlID ="Button1" Radius ="7" Corners ="All">
        </cc1:RoundedCornersExtender>        
    </div>
    </form>
</body>
</html>

Open in new window

0
will110
Asked:
will110
1 Solution
 
aibusinesssolutionsCommented:
For buttons you'll need to use CSS, or an imagebutton.  Here is a nice little example of using CSS.

http://www.thinkflick.com/how-to/cool-css-rounded-corner-buttons-and-links/
0
 
sphairosCommented:
hi
The link proposed as solution is broken.
Thanks
0

Featured Post

Prep for the ITIL® Foundation Certification Exam

December’s Course of the Month is now available! Enroll to learn ITIL® Foundation best practices for delivering IT services effectively and efficiently.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now