Not able to setSkin in dhtmlxgrid

Suite and Optimus Suite 5
#1

I updated my dhtmlx to 4.1.3 version. To load the grid I included following css and js files.

and I am loading following InitGrid function when page load.
function initGrid() {
mygrid=new dhtmlXGridObject(‘gridbox’);
mygrid.setImagePath(‘DHTMLX_413/sources/dhtmlxGrid/codebase/imgs/’);
…
…
…
mygrid.setSkin(“light”);
mygrid.init();
mygrid.loadXML(loadXML.cfm);

so my question is Grid is not loading with any stylesheet but if I change from “light” to “dhx_skyblue” in setskin method it loads fine with proper css. But I want to setskin to “light”. can you please tell me how do I do that? I am missing any css?
And second question is I want to separate each row and column with visible horizontal and vertical lines. How do I do that?
Thanks for your time!

#2

Unfortunately there is no “light” skin in dhtmlxSuite 4.x.
The available skins are: skyblue, terrace, web.
You need to attach a corresponding css file to use the skin.

There is an easy way to create your own custom skin using the online skin builder:
dhtmlx.com/docs/products/skinBuilder/

#3

can please answer my second question
And second question is I want to separate each row and column with visible horizontal and vertical lines. How do I do that?

Thanks!

#4

In the mentioned skin builder you can find a cell border option in the “web” skin preset.

Also you may use your own css. For example:
div.gridbox_dhx_skyblue.gridbox table.obj tr td{
border: 1px;
}