Skinning dhtmlxwindows

Suite and Optimus Suite 5
#1

The page at:



dhtmlx.com/docs/products/dhtmlxW … nning.html



which doesnt show the earlier skin examples.



Any insight you could provide would be greatly appreciated.

#2


Hello,


dhtmlxWindows/samples/init/skinning.html sample demonstrates the supported skins, but there are more skins that are included into the window package. You can set one of the addition skins using the same approach as one in the sample:


- the necessary css should be included (dhtmlxWindows/codebase/skins/…)


- setSkin(skinName) method should be called.

#3

Just to clarify-
If I want to create my own skin based on dhtmlxwindows_clear_silver.css I would:

  1. Open the file /root_dhtmlxsuite/dhtmlxWindows/codebase/skins/dhtmlxwindows_clear_silver.css and save it as a new filename (e.g. dhtmlxwindows_custom_skin.css)
  2. Modify it as needed
  3. Call dhtmlxwindowObj.setSkin(‘custom_skin’);
Is that correct?
#4


Yes, but there is also one thing that should be done - dhtmlxwindows.js contains array skinParam with header and borders properties for each skin.


You should also add properties for new skin - dhtmlxwindows.js,line 51:


…
this.skinParams = { // standard
“custom_skin” : { “header_height”: 32, “border_left_width”: 6, “border_right_width”: 6, “border_bottom_height”: 6 },
…
}
…