ARTICLE

Ajax DropShadowExtender

Posted by Rahul Kumar Saxena Articles | AJAX in C# December 09, 2008
DropShadow is an extender which applies a "Drop Shadow" to a Panel.
Reader Level:
Download Files:
 

DropShadow is an extender which applies a "Drop Shadow" to a Panel.

 

The aspx code is:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>Ajax :: DropShadowExtender</title>

</head>

<body>

    <form id="form1" runat="server">

        <asp:ScriptManager ID="ScriptManager1" runat="server">

        </asp:ScriptManager>

        <div>

            <table cellpadding="0" cellspacing="0" width="50%" align="center">

                <tr>

                    <td>

                        <asp:Panel ID="PanelLoginControl" runat="server" Height="190px" Width="395px" BackColor="#00AEEF">

                            <div>

                                <table cellspacing="3" width="98%" align="center" style="margin: 0px 5px 0px 5px;">

                                    <tr>

                                        <td align="center" style="font-weight: bold;">

                                            AJAX: A Good Control To Make Shadow around a panel

                                        </td>

                                    </tr>

                                </table>

                            </div>

                        </asp:Panel>

                    </td>

                </tr>

            </table>

        </div>

        <div>

            <ajaxToolkit:DropShadowExtender ID="DSExtender" runat="server" Opacity="0.30" Radius="4"

                Rounded="true" TargetControlID="PanelLoginControl">

            </ajaxToolkit:DropShadowExtender>

        </div>

    </form>

</body>

</html>

 

When I run application


Figure 1.

 
Here If I change Property of ShadowExtender control like
Rounded="false" Then Result



Figure 2.

If I set

Opacity="0.90"  Then Result



Figure 3.

Login to add your contents and source code to this article
post comment
     
COMMENT USING
PREMIUM SPONSORS
Over-C is a holistic consortium of communications and technology specialists. We build, deploy and market both business as well as consumer products and solutions.
Join a Chapter
SPONSORED BY
  • PDF reports have never been easier to create. With our included WYSIWYG Designer, you can layout your reports, set up your data source and let DynamicPDF ReportWriter do the rest.
Join a Chapter