Ajax Control Toolkit
DropShadow Demonstration
First Name:
Last Name:

Show Details...
Not many details here. This is just a demo to show how the DropShadow will react properly to changes in the size of the panel it is attached to.

Radius:
Opacity:
DropShadow Description

DropShadow is an extender which applies a "Drop Shadow" to a Panel. It allows you to specify how wide the shadow is as well as how opaque it is, or if you would like rounded corners. For pages that allow the user to move or resize the panel, the DropShadow has a mode that will resize/reposition it to match that of the target panel at run time.

DropShadow Properties

The control above is initialized with this code. The properties in italic are optional.

<ajaxToolkit:DropShadowExtender ID="dse" runat="server"
    TargetControlID="Panel1" 
    Opacity=".8" 
    Rounded="true"
    TrackPosition="true" />
  • TargetControlID - The ID of the button or link for this extender to operate on
  • Width - The width, in pixels of the drop shadow. Default value is 5.
  • Opacity - The opacity of the drop shadow, from 0 (fully transparent) to 1.0 (fully opaque). The default value is .5.
  • TrackPosition - Whether the drop shadow should track the position of the panel it is attached to. Use this if the panel is absolutely positioned or will otherwise move.
  • Rounded - Set to true to set rounded corners on the target and the shadow. Default is false.
Copyright © 2006-2013 Microsoft Corporation. All Rights Reserved.