Start Building Professional
Web Apps Today

Editable text box color


Dear sir,

i am doing update operation through the grid. while editing the particular row the editable text box color is not visible.
It means i need to change the editable text box color while trying to update.

please see the following code for ur reference.

mygrid.setColumnIds("SRo,PR,BAANOrder,Po,Order,Item,Project,Quantity,Unit,Price")
mygrid.setColTypes("ro,ro,ro,ro,ro,ro,ro,ro,ro,ed");

Here price i made as editable. while cliking the editable area i need different color.

So please give me the solution to change the editable area color.

Regards,
poovarasan

To set background-color for the cell in the edit mode you can do the following:

mygrid.attachEvent("onEditCell",function(stage,rowId,cellIndex){

if (stage==1){// if cell's editor is open

this.editor.obj.style.backgroundColor="red";
return true

}

return true;

})

Or you can implement custom eXcell type. Please see more information here http://dhtmlx.com/docs/products/dhtmlxGrid/doc/articles/Custom_excell_creation.html#grid_cexc