Ajax DropShadowExtender

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>



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

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



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



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


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


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

                                            AJAX: A Good Control To Make Shadow around a panel











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

                Rounded="true" TargetControlID="PanelLoginControl">







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.

Similar Articles