<quote>

It might be possible to just copy paste a ThemeRoller theme and modify it manually to match selectors only the grid uses, have not tried that myself, but it might be a good idea [since this would also mean you could have two grids with different themes on the same page]. I will experiment a bit and let you know.

</quote>

I will make sure we have one example that covers this area. 

Thanks again for the superb feedback.

Open the themeroller css you want to use with your grid

Replace all occurences of

with

And all lines beginning with

with

Using the vim editor this can be easily achieved with the two commands:

Once this is done, just put the grid inside <div id="testcss"></div> and you're done.

I will followup here when we find the best solution.

I've already thought about the iframe hack, though it's psychologically hard to accept to regress so much considering that the application I'm working on is totally web 3.0 ready 😉

A good option for jqGrid would be the possibility to use of an arbitrary prefix for CSS selectors names, it'd be then easy to write a script that would quickly rename themeroller's CSS selector names to add this prefix.

Frederic

It might be possible to just copy paste a ThemeRoller theme and modify it manually to match selectors only the grid uses, have not tried that myself, but it might be a good idea [since this would also mean you could have two grids with different themes on the same page]. I will experiment a bit and let you know.

Another idea (kinda of a hack) would be to just place the grid inside an <iframe> where the CSS scope is different, but this could be messy in most cases.

For many reasons most people might find great that jqGrid now uses jquery's themes but I'd like to use a different color scheme for jqGrid than the one I use for jquery widgets.

Does anyone know a clean and easy way to achieve this ?

Thanks a lot,