Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Eric Stauffer on Jul 01, 2009 09:10
open dhtmlx forum
Skinning dhtmlxwindows

The page at:

http://dhtmlx.com/docs/products/dhtmlxWindows/index.shtml

shows that dhtmlxwindows are skinnable. However I am unable to find documentation that explains this. Furthermore, when clicking on the link "Skinning" it takes me to:

http://dhtmlx.com/docs/products/dhtmlxWindows/samples/init/skinning.html

which doesnt show the earlier skin examples.

Any insight you could provide would be greatly appreciated.
Answer posted by Alex (support) on Jul 01, 2009 09:32

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.  

Answer posted on Jul 01, 2009 09:39
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?
Answer posted by Alex (support) on Jul 01, 2009 23:57

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 },
 ...
}
...