---
title: "Ajax Toolkit DropShadowExtender in ASP.Net"  
description: "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 i"  
author: "John Smith"  
published: 2010-12-07  
updated: 2019-09-07  
canonical: https://www.mindstick.com/articles/264/ajax-toolkit-dropshadowextender-in-asp-dot-net  
category: "ajax"  
tags: ["ajax"]  
reading_time: 2 minutes  

---

# Ajax Toolkit DropShadowExtender in ASP.Net

[Drop](https://yourviews.mindstick.com/view/84030/how-to-investigate-a-sudden-drop-in-organic-traffic) [Shadow](https://www.mindstick.com/blog/405/curve-corners-with-shadow-in-html-using-css3) is an extender which applies a "Drop Shadow" to a [Panel](https://www.mindstick.com/blog/11988/restructuring-corporate-offenses-government-appointed-panel-suggests-in-house-adjudication-system). It allows you to specify how wide the shadow is [as well as](https://www.mindstick.com/forum/156547/difference-between-max-width-and-width-as-well-as-max-height-and-height) how opaque it is, or if you would like rounded corners.\

· **TargetControlID -** The ID of [control](https://yourviews.mindstick.com/view/83439/bipartisan-gun-control-bill-passed-in-us-after-decades) on which drop shadow will apply.

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

· **[Opacity](https://www.mindstick.com/interview/23086/what-is-opacity-in-css-cascading-style-sheet) -** The opacity of the drop shadow, from 0 (fully [transparent](https://answers.mindstick.com/qa/92940/which-platform-launched-for-transparent-taxation-in-2020-india)) 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](https://yourviews.mindstick.com/view/81207/small-industries-should-be-the-target-of-economic-relief-package) and the shadow.

**[Code](https://yourviews.mindstick.com/view/85458/alan-turing-the-mastermind-behind-cracking-the-enigma-code-during-world-war-ii):**

```
 <%-- 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" TrackPosition="True"></cc1:DropShadowExtender>  <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></tr><tr><td>UserId</td><td><asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td></tr><tr><td>Password</td><td><asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></td></tr><tr><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td><asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Login" /></td></tr></table></asp:Panel>
```

**Run The [Project](https://yourviews.mindstick.com/story/1788/things-to-ensure-your-construction-project-is-successful):**

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

![AjaxControl Toolkit DropShadowExtender in ASP.Net](https://www.mindstick.com/mindstickarticle/68fd09bb-4518-4f64-a3ba-9937a4f25b67/images/f422829b-296d-40cb-a24c-6ed0a22bc0aa.png)

---

Original Source: https://www.mindstick.com/articles/264/ajax-toolkit-dropshadowextender-in-asp-dot-net

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.