Home > DeveloperSection > Articles > Ajax Toolkit RoundedCornersExtender Control in ASP.Net

Ajax Toolkit RoundedCornersExtender Control in ASP.Net


AJAX AJAX 
Ratings:
0 Comment(s)
 8014  View(s)
Rate this:

Ajax Toolkit RoundedCornersExtender Control in ASP.Net

The RoundedCorners extender applies rounded corners to existing elements.

RoundedCorners Properties:

·         TargetControlID - The ID of the button or link for this extender to operate on

·         Radius - The radius of the corners (and height of the added area).

·         Corners - The corners of the target control that will be rounded (can be None, TopLeft, TopRight, BottomRight, BottomLeft, Top, Right, Bottom, Left, or All)

Code:

<%-- ScriptManager control manages client script for AJAX enabled ASP.NET pages.This enables partial-page rendering and Web-service calls.You have to used this if you want to use ajax control toolkit--%>

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

<%--Add the RoundedCorners Extender and set the  --%>

 

<cc1:RoundedCornersExtender ID="RoundedCornersExtender1" runat="server" TargetControlID="RadioButtonList1" Radius="20" Corners="Bottom">

</cc1:RoundedCornersExtender>

 

<br/><br/>

<asp:RadioButtonList ID="RadioButtonList1" runat="server"BackColor="#3399FF">

<asp:ListItem>c#</asp:ListItem>

<asp:ListItem>j#</asp:ListItem>

<asp:ListItem>vb</asp:ListItem>

</asp:RadioButtonList>

Run the project

Here Corners="Bottom" so bottom area will be rounded

AjaxControl Toolkit RoundedCornersExtender Control in ASP.Net


Don't want to miss updates? Please click the below button!

Follow MindStick