Guriddo » Topic: jqGrid + blueprint

jqGrid + blueprint

Guriddo
jqGrid + blueprint

This topic has 7 replies, 3 voices, and was last updated 16 years, 8 months ago by tony.

Creator

Topic
July 27, 2008 at 6:04 pm #71918

tud
Participant

Hello,

I'm trying to use jqGrid with Blueprint Css framework (http://code.google.com/p/blueprintcss/).

Blueprint uses a reset css and jqGrid is not well visualized.

I added:

.GridHeader table {margin:0;}
.GridHeader td, tr {padding:0;}
table.scroll {margin-bottom:0;}
table.navtable {margin-bottom:0; width: auto;}

in order to visualize the grid with Firefox 3 on Mac

I think you should use a reset css (like http://meyerweb.com/eric/tools/css/reset/index.html) in order to test if grid css contains everything needs

Thanks

.Stefano

ps: what aout using UI jQuery theme system (http://ui.jquery.com/themeroller) for jqGrid? Do you think it could be a good idea?
Creator

Topic

Viewing 7 replies - 1 through 7 (of 7 total)

Author

Replies
July 28, 2008 at 2:22 am #82892

tony
Keymaster

Stafano,

Thank you for this. Will make some test and include this in next release.

As for the UI theme system – maybe not now, but will add in

todo list

Regards

Tony

August 26, 2008 at 8:24 am #83229

tud
Participant

This is my current css to work with firefox 3 and jqGrid 3.2.4
This solve:
– alignment problem into search pager elements
– alignment problem into â€œviewrecordsâ€ elements

.jqmWindow table {margin: 0; width: 300px;}
.jqmWindow td, tr {padding:0;}

.jqmClose img {padding-left: 282px;}

select.selbox {height: 19px;margin: 0; padding: 1px 0 0 0;}
input.selbox {height: 13px; padding: 0;}

.nav-button {padding-top: 0;}

August 27, 2008 at 2:24 am #83234

tony
Keymaster

Thanks

I will check this

Regards

Tony

September 25, 2009 at 2:06 pm #89338

admin
Keymaster

Hi Tony,

On a related subject, I've found that the 960 Grid System reset.css also causes issues with the jqGrid layout.

Thanks,

– Bret

September 29, 2009 at 10:47 am #89375

tony
Keymaster

Hello,

Ok, but what kind of issues? Please be a more specific. I can't test. If you provide a simple test case or link to the problem it would be great, otherviese the problem will be still for you.

Thanks

Best Regards

Tony

October 21, 2009 at 11:16 am #89922
admin
Keymaster
Hi,

I'm also having problems with 960 grid system (not the original 960 but downloaded from http://designinfluences.com/fluid960gs/).

It has 5 additional CSS:

reset.css
text.css
960.css
layout.css
nav.css

It seems that if I remove the reset.css and layout.css the grid looks ok.

Please see this image:

I'm using these code for the grid setup:
1. var baseURL = “http://localhost/moba”;
October 23, 2009 at 10:37 am #89966

tony
Keymaster

Hello,

Thanks. I think I have the jqGrid to work with blueprint.css, but it seems that this is not true.

I will test this and let you known.

This is only my opinion – instead that many people use blueprint.css I think that the concept of this is little inconsistent with other frameworks. Attaching properties at low level is not good approach IMHO. I think that other freameworks have the same problem too.

I do not promise that I fix this, if it will cost a lot of time and code changes.

Regards

Tony
Author

Replies