Ajax Toolkit DropShadowExtender in ASP.Net

Drop Shadow is an extender which applies a "Drop Shadow" to a Panel. It allows you to specify how wide the shadow is as well as how opaque it is, or if you would like rounded corners.

DropShadow Properties:

·         TargetControlID - The ID of control on which drop shadow will apply.

·         Width - The width, in pixels of the drop shadow.

·         Opacity - The opacity of the drop shadow, from 0 (fully transparent) to 1.0 (fully opaque).

·         Track Position - Whether the drop shadow should track the position of the panel it is attached to. Use this if the panel is absolutely positioned or will otherwise move.

·         Rounded - Set to true to set rounded corners on the target and the shadow.


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

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

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

<cc1:DropShadowExtender ID="DropShadowExtender1" runat="server" Radius="12"

TargetControlID="Panel1" Opacity="5" Radius="12" Rounded="True"




<asp:Panel ID="Panel1" runat="server" BackColor="BlueViolet" Width="300px">

<table align="center" class="style1">

<tr><td colspan="2">                       

<asp:Label ID="Label1" runat="server" Text="Logine Here"></asp:Label>



<td><asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td></tr>


<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>





<td><asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Login" /></td></tr>




Run The Project:

When you run the project then drop shadow will show on the panel.


AjaxControl Toolkit DropShadowExtender in ASP.Net

  Modified On Nov-29-2017 10:21:13 PM

Leave Comment