ajax DropShadow extender example in asp.net or How to use ajax DropShadow extender in asp.net.

ajax DropShadow extender example in asp.net or How to use ajax DropShadow extender in asp.net..

Introduction:

In this Example Iam Going to Explain  how to use Ajax DropShadow extender Control in asp.net.

Dropshadow extender

Description:

DropShadow 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. For pages that allow the user to move or resize the panel, the DropShadow has a mode that will resize/reposition it to match that of the target panel at run time.


When Ever You Want to Use  Ajax Controls in your website First you need Add.
AjaxControlToolkit reference to your application.


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


 You can Change TagPrefix Also,Some Exaples tagPrefix="ajax", tagPrefix="cc1",tagPrefix="asp"
And also you have to add Tool kit Scriptmanager Control under <Form> tag:



<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>

Your aspx page:

 

 


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </asp:ToolkitScriptManager>
    <div style="margin-left: 250px; margin-top: 150px">
        <asp:Panel ID="Panel1" runat="server" Width="450px" BackColor="ButtonShadow">
            <table>
                <tr>
                    <td>
                        First Name
                    </td>
                    <td>
                        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td>
                        Second Name
                    </td>
                    <td>
                        <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Button ID="Button1" runat="server" Text="Submit"                                        Style="margin-left: 150px" />
                    </td>
                </tr>
            </table>
        </asp:Panel>
        <asp:DropShadowExtender ID="DropShadowExtender1" runat="server"                                 TargetControlID="Panel1"
            Opacity=".8" Rounded="true" TrackPosition="true">
        </asp:DropShadowExtender>
    </div>
    </form>
</body>
</html>