Start Building Professional
Web Apps Today

Layout image path

I am having trouble getting the layout to find the icons/imgs for resize, collapse, etc. If I keep the original structure, it works fine:
dhtmlx.js
dhtmlx.css
imgs/

However I would prefer to put the files in appropriate sub-directories:
jslib/dhtmlx.js
styles/dhtmlx.css
imgs/

When I do this, the layout cannot find the icons. I have set both of the following functions, but it still does not work:
window.dhx_globalImgPath="imgs/";
myLayout.setImagePath("imgs/");

Any ideas?
Thank you

>>When I do this, the layout cannot find the icons
Most images defined by css rules
  - check dhtmlxlayout_dhx_blue.css ( or css of used skin ) 
  - locate lines which contain background-image: url("../imgs
  - update them with necessary path ( relative path from location of css image to new location of imgs folder ) 

Thank you.
However that begs the question, what's the point of the "setImagePath()" (and related) functions?

The images which are part of skin - defined in css 
The images which can be set through API ( tree icons in tree for example, icons in menu and toolbar ) uses path defined by setImagePath

The layout itself doesn't require a setImagePath to be rendered correctly, but when path defined, any components, initialized in layout ( tree, menu, toolbar etc. ) will use it by default. So command allows to define path only once, for all layout, instead of defining separate paths for each component.