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"

Related sample:  Skins

Skin Detection

The following priority (from higher to lower) is used to determine the skin to apply:

  1. The skin parameter of the dhtmxlPopup object constructor
  2. The dhtmlx.skin property
  3. The form/toolbar skin (if the pop-up window is attached to a form or a toolbar)
  4. dhtmlxPopup tries to detect the skin automatically (each skin css file has a corresponding record to help to detect the skin)
  5. 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