DropShadow

Descripción

El DropShadow extiende al control Panel con dos características muy interesantes:
- Añade una sombra, permitiéndonos definir tanto su profundidad como su oscuridad.
- Crea un efecto de redondeado del Panel.

Por consiguiente, conseguimos dos efectos muy profesionales de forma tremendamente sencilla.

Propiedades

• TargetControlID: ID del Panel sobre el que aplicaremos los efectos.
• Width: profundidad en pixels de la sombra. Es un parámetro opcional que por defecto vale 5.
• Opacity: valor decimal en tre 0 y 1 que define la opacidad de la sombra, donde el 0 corresponde a transparencia total y 1.0 a completamente opaco. También es opcional y su valor por defecto es 0.5.
• TrackPosition: lo pondremos a true si nuestro panel lo hemos definido con posición absoluta o si va a poder ser movido. En caso contrario pondremos false (o no ponemos nada).
• Rounded: Si queremos un efecto de redondeado lo pondremos a true, sino, vale con ponerlo a false.

Ejemplo

<asp:Panel ID="Panel1" runat="server" Width="125px" BackColor="Yellow" Font-Names="Arial">
<div style="padding:5px">
En este panel podemos poner lo que queramos.
El efecto de sombreado + bordeado es muy agradable a la vista.
</div>
</asp:Panel>

<ajaxToolkit:DropShadowExtender ID="DropShadowExtender1" runat="server"
Opacity="1"
Width="5"
TargetControlID="Panel1"
Rounded="true">
</ajaxToolkit:DropShadowExtender>