DropShadowExtender AJAX Control Example

DropShadowExtender AJAX Control Example

If you are new to AJAX, Please refer to my Simple AJAX Example to understand how simple to start with AJAX.


Step 1: Add Script Manager

Step 2: Add a pannel control to asp.net page

Step 3: Add all controls inside Pannel Control, that you wish to see in Rounded Corner Box (ie. Applying DropShadow effect)

Note: Good Practise while defining pannel for DropShadowExtender Control

• Assign Width Property
• Assign BackColor Property eg: here I have used HotPink Color.
  

<asp:Panel ID="pnlMyCalcy" runat="server" BackColor="HotPink" Width="300">


Step 4: Adding DropShadowExtender Control, and Initialize "TargetControlID" Property with Pannel Control Id and Property TrackPosition="true"

<cc1:DropShadowExtender ID="DropShadowExtender1" runat="server" TargetControlID="pnlMyCalcy" Opacity="75" Rounded="true" Radius="10" Trackposition="true"> </cc1:DropShadowExtender>