DropShadow Demonstration


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.

Category:

0 comments:

Post a Comment