Ajax Drop Shadow Extender

Drop Shadow Extender

DropshadowExtender is used to provide shadow effect for a control. It has the property target control ID to specify ID of the control which you want to extend with dropshadowExtender & other properties available for it are as follows.

width : Used to specify width of the shadow for the target control.

Opacity : Used to specify how much opacity the show is.

Rounded : Indicates whether or not corners of the target control becomes rounded.

Radius: Used to specify the radius to use to make the corners of the target control rounded when Rounded property was set to ‘true’


The following example demonstrates how to use drop shadow extender.

Add a page to the website and place a toolkit script manager & an image control on that page and set an Image in a image control by using ‘Image URL’ property.

Within HTML source of the page drag and drop a Dropshadowextender and set following properties to it to create shadow effect for that Image control.

<asp: DropShadowExtender   ID=”DropShadowExtender” runat=”server” TargetcontrolID=”Image1” Radius=”10” Rounded =”true” width=”15” opacity=”0.5”> </asp: DropshadowExtender>