Ajax DropShadowExtende
DropShadow is an extender which applies a "Drop Shadow" to a Panel.
The aspx code is:
<--!
<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>
-->
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.