Start Building Professional
Web Apps Today

treegrid parent row and image position

Hi,

how can I change the position of the image in the parent row of the treegrid? It should be right of the words not left, like the leaf.gif. I want to take a custom image. If it is possible, how can I change the cursor style to pointer, if the cursor is over the image?

It could be more difficult because I use colspan in the parent row (servlet ->xmlString).

thanks for help


function doInitGrid() {

mygrid = new dhtmlXGridObject('gridbox');

mygrid.imgURL = "imgs/";

mygrid.setHeader("number, ,text,date, ");
mygrid.setInitWidths("150,30,*,70,20");
mygrid.setColAlign("left,left,left,right,left");
mygrid.setColTypes("tree,img,ro,ro,ro");
mygrid.setColSorting("str,na,na,na,na");
mygrid.enableTreeCellEdit(false);

mygrid.enableMultiline(true);
mygrid.setSizes();
mygrid.enableColSpan(true);

mygrid.attachEvent("onRowSelect",doOnRowSelected);

mygrid.init();

mygrid.kidsXmlFile="dbtoxmlkids";
mygrid.loadXML("dbtoxml", function(){
mygrid.forEachRow(function(id){
if (mygrid.hasChildren(id)){
var cell=mygrid.cellById(id,0).cell.firstChild.childNodes[1].style.display="none";
}
});
});
}

>>how can I change the position of the image in the parent row of the treegrid? It should be right of the words not left, like the leaf.gif
Position of  the treeGrid image is hardcoded and cannot be changed. If such requirement is critical in your case you can contact sales@dhtmlx.com and request for component customization. 
>>If it is possible, how can I change the cursor style to pointer, if the cursor is over the image?
Add following class definition to your page:
div.gridbox table.obj td .treegrid_cell img{
cursor:pointer
}