Skinning Popup
The library provides 4 predefined skins:
- "material" (default)
- "dhx_skyblue"
- "dhx_web"
- "dhx_terrace"
To set the skin for a dhtmlxPopup object, use the setSkin method.
var myPop = new dhtmlXPopup();
myPop.setSkin("dhx_web");
| "material" | "dhx_skyblue" | "dhx_web" | "dhx_terrace" |
|---|---|---|---|
 |
 |
 |
 |
Skin Detection
The following priority (from higher to lower) is used to determine the skin to apply:
- The skin parameter of the dhtmxlPopup object constructor
- The dhtmlx.skin property
- The form/toolbar skin (if the pop-up window is attached to a form or a toolbar)
- dhtmlxPopup tries to detect the skin automatically (each skin css file has a corresponding record to help to detect the skin)
- The default "material" skin is used
For example, if you include on the page the only css file - "dhxpopup_dhx_terrace" - and instantiate dhtmlxPopup without specifying the skin parameter, then the "dhx_terrace" skin will be detected automatically.
Back to top