Grid (Style rules with 1.1) - showing grid lines

[fuzzyman]

Hello all,

I've just downloaded the new and shiny ExtJS 1.1 and updated my app to use it. The CSS style rules seem to have changed and the dividing lines between rows and columns are now no longer visible in IE (and seem to be fainter in Firefox).

I've tried the documentation but can't find anything on it.

What CSS style rules do I need to change to make these more visible?

Michael Foord
http://www.voidspace.org.uk/python/articles.shtml

[jay@moduscreate.com]

fuzzyman,

are you familiar with firefox + firebug? Firebug has a neat feature that can help you 'inspect' rendered and dynamically changed html on the fly. That said, using firebug i was able to quickly determine that the class you want to override is: .x-grid-col


I suggest you take a look at it. it's like the swiss army knife of javascripting.

[jay@moduscreate.com]

http://www.screencast.com/users/jgarcia/folders/Jing/media/da7825f5-1ebb-4a09-8810-d6fd233e52eb

[fuzzyman]

Hey dude - thanks. I normally use Firebug, but this is a Silverlight app and it crashes Firefox when I have multiple tabs open (hey - Silverlight is still in beta). I should have tried it anyway.

I'm not sure that what I want to do can be done with a single CSS rule - but I'll give it a go, helpful.

Michael

[jay@moduscreate.com]

ouch silverlight.