PDA

View Full Version : EditorGridPanel : Identifying editable cells



v.madhu
21 Jun 2010, 5:53 AM
Hello,

To identify an editable cell in EditorGridPanel, i used following

CSS:
.textBorder {
border: solid 1px #BCC9DD;
}

In the renderer function :
meta.css += ' textBorder ';

It is working fine in IE
But in FireFox the css ' textBorder ' is increasing the height and width of the cell.

Please suggest.

Condor
21 Jun 2010, 6:10 AM
You have to descrease the padding with the size of the border.

v.madhu
21 Jun 2010, 6:29 AM
.textBorder {
padding: -1px;
border: solid 1px #BCC9DD;
}

I used this.. still no luck

Condor
21 Jun 2010, 6:54 AM
I have:

.myGrid .x-grid3-col-myCol {
padding: 2px 3px 2px 4px;
background: #fff url(../../ext3/resources/images/default/form/text-bg.gif) repeat-x 0 0;
border: 1px solid #B5B8C8;
}

v.madhu
21 Jun 2010, 7:08 AM
Now the height of the row is verymuch increased.

Condor
21 Jun 2010, 7:13 AM
That's because you are not targeting the same element.

For you this would be:

.textBorder .x-grid3-cell-inner {
padding: 2px 3px 2px 4px;
background: #fff url(../../ext3/resources/images/default/form/text-bg.gif) repeat-x 0 0;
border: 1px solid #B5B8C8;
}

v.madhu
21 Jun 2010, 7:27 AM
Excellent! Thanks a ton it worked