Saturday, June 28, 2008

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

No comments:

Most Recent Post

Subscribe Blog via Email

Enter your email address:

Disclaimers:We have tried hard to provide accurate information, as a user, you agree that you bear sole responsibility for your own decisions to use any programs, documents, source code, tips, articles or any other information provided on this Blog.
Page copy protected against web site content infringement by Copyscape