Forum

November 2nd, 2014
A A A
Avatar

Lost password?
Advanced Search

— Forum Scope —




— Match —





— Forum Options —





Minimum search word length is 3 characters - maximum search word length is 84 characters

The forums are currently locked and only available for read only access
sp_Feed Topic RSS sp_TopicIcon
Grid Header and Content Alignment
29/05/2009
12:53
Avatar
rivven
Member
Members
Forum Posts: 3
Member Since:
29/05/2009
sp_UserOfflineSmall Offline

I am having a problem getting my grids styled correctly, in regards to the bottom nav bar,  as well as header and content alignment.

Please refer to the following picture:

http://www.tealdeer.com/paul/Capture.jpg

Notice in this picture that the content of the grid does not align with the headers, and the nav bar textbox appears to be cut off.

One of the things I have noticed is that on the status bar of my webpages, it says:

Downloading …common/scripts/jquery/jqueryui171/css/redmond/images/ui-icons_217bc0_256×240.png….

And never finishes.  There are no permission problems on this folder, and all the other images load fine, and going directly to the address of the image works.  It is also not always that image, but for some reason the grid is failing to load images from the jquery ui theme.

If I expand any of the columns above, eventually the grid content and headers will align, but that is the only way I am able to make it display correctly so far.

This is with the latest jquery and jquery ui, with 3.5 build 3 jqgrid, and the latest ui.jqgrid.css file.

If anyone has any ideas on this, your help is very much appreciated!

29/05/2009
21:03
Avatar
prbabu
Member
Members
Forum Posts: 22
Member Since:
11/05/2009
sp_UserOfflineSmall Offline

Hi Rivven,

Have a look at this forum post -

http://www.trirand.com/blog/?p.....38;ret=all

Could be a workaround if you are doing everything right and this is a bug.

Is this happening when you do drag & drop of rows within table?  Also, check whether the data you are sending back to the browser from your server code. Basically the number of cells should match the number of columns in the front-end.

-Praveen

29/05/2009
21:03
Avatar
prbabu
Member
Members
Forum Posts: 22
Member Since:
11/05/2009
sp_UserOfflineSmall Offline

Hi Rivven,

Have a look at this forum post -

http://www.trirand.com/blog/?p.....38;ret=all

Could be a workaround if you are doing everything right and this is a bug.

Is this happening when you do drag & drop of rows within table?  Also, check whether the data you are sending back to the browser from your server code. Basically the number of cells should match the number of columns in the front-end.

-Praveen

02/06/2009
06:42
Avatar
rivven
Member
Members
Forum Posts: 3
Member Since:
29/05/2009
sp_UserOfflineSmall Offline

Thankyou prbabu, but unfortunately that did not seem to do anything.  I added the updatecolumns() method to my onsuccess webservice like this:

success: function(msg) {

                    var thegrid = jQuery("#list2")[0];
                    thegrid.addJSONData(eval("(" + msg.d + ")"))
                    thegrid.updateColumns();

                },

I also tried the commenting out the lines in the CSS class, but that did not do anything either.  This is driving me nuts 😉

04/06/2009
04:49
Avatar
tony
Sofia, Bulgaria
Moderator
Members

Moderators
Forum Posts: 7721
Member Since:
30/10/2007
sp_UserOfflineSmall Offline

Hello,

I do not think that a updateColumns should be used in this case. I think that there is something that is not good either in cofiguration or in the data.

If possible post these or provide a link to the problem

Thanks

Best Regards

Tony

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

05/06/2009
08:35
Avatar
rivven
Member
Members
Forum Posts: 3
Member Since:
29/05/2009
sp_UserOfflineSmall Offline

Tony,

Thankyou for replying… I am posting two links:

1. This is my grid instantiation and binding
http://pastebin.ca/1448700

2. This is the JSON i am passing to the grid via the webservice success
http://pastebin.ca/1448701

Please let me know if there is anything else that might help!

edit: I know there are no widths on the columns, i forgot I had taken them out while i was trying to figure out the problem.  It is the same alignment problem whether I have column widths or not.

09/06/2009
07:19
Avatar
tony
Sofia, Bulgaria
Moderator
Members

Moderators
Forum Posts: 7721
Member Since:
30/10/2007
sp_UserOfflineSmall Offline

Hello,

Sorry but in my testing machine all is working in FF, IE, Safari and Chrome.

The only change that I have made is a way of calling ajax - i.e. I obtain a data via text file.

Try with a only grid in a page whitout using any other css or plugins.

Best Regards

Tony

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
43 Guest(s)

Currently Browsing this Page:
1 Guest(s)

Top Posters:

OlegK: 1255

markw65: 179

kobruleht: 144

phicarre: 132

YamilBracho: 124

Renso: 118

Member Stats:

Guest Posters: 447

Members: 11373

Moderators: 2

Admins: 1

Forum Stats:

Groups: 1

Forums: 8

Topics: 10592

Posts: 31289

Newest Members:

, razia, Prankie, psky, praveen neelam, greg.valainis@pa-tech.com

Moderators: tony: 7721, Rumen[Trirand]: 81

Administrators: admin: 66

Comments are closed.
Privacy Policy   Terms and Conditions   Contact Information