Re: CSS DropShadow for DockLayoutPanel?

On Wednesday, January 2, 2013 10:12:10 AM UTC+1, membersound wrote:

Hi,
I'm trying to apply a dropshadow around a DockLayoutPanel area. But can't get it to work:

    .shadow {
        -moz-box-shadow: 3px 3px 4px #000;
        -webkit-box-shadow: 3px 3px 4px #000;
        box-shadow: 3px 3px 4px #000;
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
        /* For IE 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');

Probably unrelated to your problem but this is not valid CSS so you should use a literal() in your CssResource/<ui:style> (I assume this is the case given that you use styleName="{style.shadow}" below).

 

    }


<g:DockLayoutPanel unit='EM' styleName='{style.shadow}'>

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To view this discussion on the web visit https://groups.google.com/d/msg/google-web-toolkit/-/3T1tqumfYy8J.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.