Dhtmlx Window Shadows


I’d like to add shadows to dhtmlx Windows so that they become easier to distinguish from background graphics on a website. Something like the following would be ideal:

What settings can I add or adjust to get this effect?


you may define box-shadow in the .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active{} class.


I’ve also found that shadow transparency can be adjusted by using rgba color specification,

0=clear, .5=half transparent, and 1=opaque

div.dhtmlx_window_active {
position: absolute;
overflow: hidden;
/Menu Shadows - Firefox/
-moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.45);
-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.50);
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.50);

Though I can’t seem to get the shadows on Internet Explorer to work as well as they did with the toolbar menus.

Thanks again.