Home > DeveloperSection > Beginner > Ajax Toolkit DropShadowExtender in ASP.Net

Ajax Toolkit DropShadowExtender in ASP.Net


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

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.

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.

 

AjaxControl Toolkit DropShadowExtender in ASP.Net


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

Follow MindStick