User Id :    Password :      New Member   Forgot Password  
Ajax DropShadowExtende
Description DropShadow is an extender which applies a "Drop Shadow" to a Panel.   No. of Views     1406
  Rating     0
Author Rahul Saxena   Posted On     05 Aug 2011
Tags ASP.NET,Ajax,.NET Frameworks,Ajax Control,General    

Sample Code   Download Code


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

The aspx code is:


<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.

About Author

About Author Rahul shows great interests in working with Microsoft technologies. He specializes in the implementation of DataBase & Graphics. His area of expertise includes: C#, ASP.NET,ADO.NET,Windows Forms & Web Services. He hails from background , Master's in Computer Application. With programming he loves photography, traveling and reading books. Rahul Saxena
No Photo
Country India
Company N/A
Home Page N/A

Rate this article

Rating options from poor, fair, good, very good to excelent.  


Write your comment here.
Verification Code