Windows transperancy

Suite and Optimus Suite 5
#1

How do you set the insides of a window to backgroundColor = ‘transparent’ when skin is skyblue?

#2

You can try to apply the next styles:

.dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_body_outer div.dhtmlx_wins_body_inner { background-color: rgba(0, 0, 0, 0) !important; } .dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_body_outer { background-color: rgba(0, 0, 0, 0) !important; }
But you can lose the window border:

#3

I’m sorry but my question was not complete.
I don’t want all windows to be transparent, only particular windows.
There is an example for layouts in the forum, and I would like to manage windows in a similar way, that is to add and then add WinXX.className += " transparent" to windows that should be transparent. Or, of course, any other way that allow particular windows to be transparent.

#4

I changed background-color in dhtmlxwindows_dhx_skyblue.css like this:

/* active window /
.dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_body_outer {
position: absolute;
overflow: hidden;
left: 0px;
top: 0px;
abackground-color: #FFFFFF;
/ background-color: #c2d5dc; */
background-color: rgba(0,0,0,0);
background-image: url(“…/imgs/dhxwins_dhx_skyblue/active/header_bg.gif”);
background-repeat: repeat-x;
background-position: top;
border: #a4bed4 1px solid;
}
.dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_body_outer div.dhtmlx_wins_body_inner {
position: absolute;
overflow: hidden;

aborder: #c2d5dc 5px solid;
aborder: #a4bed4 1px solid;
aborder-top: none;

/* background-color: #ebebeb !important; */
background-color: rgba(0,0,0,0) !important;
border: #ebebeb 2px solid !important;
}

The attached object:

A = document.createElement(“div”);
// A.className = “cDiv”;
A.id = “addAnt”;
A.style.position = “absolute”;
A.style.width = “200px”;
A.style.height = “150px”;
A.style.top = “0px”;
A.style.left = “0px”;
A.style.display = “none”;
A.style.cursor = “auto”;
// A.style.backgroundColor = “rgba(204, 226, 254, 0.2)”;
A.style.backgroundColor = “transparent”;
obj.appendChild(A);

It seems like the outer body works but not the inside body.

ExAnt.png768×614 20.9 KB

#5

Hello,

I don’t want all windows to be transparent, only particular windows.

Object that is returned by createWindow method is html element of the window. So, you can apply the following approach to apply custom styling to a certain window:

var win = dhxWinds.createWindow(…);
win.id = “win1”;

and in the css you can use id selector:

#win1{…}