Dhtmlx Window Shadows

Suite and Optimus Suite 5
#1

Hello,

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?

#2

Hello,

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

#3

Wonderful!

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.