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.
· 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.
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--%>
<%@ 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> </td>
<td> </td></tr>
<tr><td> </td>
<td><asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Login" /></td></tr>
</table>
</asp:Panel>
Run The Project:
When you run the project then drop shadow will show on the panel.
Leave Comment