articles

Home / DeveloperSection / Articles / Ajax Toolkit DropShadowExtender in ASP.Net

Ajax Toolkit DropShadowExtender in ASP.Net

John Smith16239 07-Dec-2010

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>&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:

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

 

Ajax Toolkit DropShadowExtender in ASP.Net


Updated 07-Sep-2019
I am best.

Leave Comment

Comments

Liked By