jQuery Grid Plugin - jqGrid - Topic: possible incorrect width values http://www.trirand.com/blog/?page_id=393/discussion/possible-incorrect-width-values Simple:Press Version 5.7.5.3 MNBob on possible incorrect width values http://www.trirand.com/blog/?page_id=393/discussion/possible-incorrect-width-values#p8899 Discussion http://www.trirand.com/blog/?page_id=393/discussion/possible-incorrect-width-values#p8899 It's the css associated with ui-widget-content which is assigned to the outermost div:

.ui-widget-content { border: 1px solid #e8eef4;...

 

Since that is the outermost div and it has borders, I assume the two inner divs should take those borders into consideration when calculating their widths. Perhaps I am mistaken but I know that the right side borders are not displayed properly. It is a very subtle problem as the borders are only off by a pixel or two. I can't just remove the borders in the css because that would break every jquery UI plug in that uses .ui-widget-content.

]]> Fri, 21 Aug 2009 08:16:31 +0300 tony on possible incorrect width values http://www.trirand.com/blog/?page_id=393/discussion/possible-incorrect-width-values#p8863 Discussion http://www.trirand.com/blog/?page_id=393/discussion/possible-incorrect-width-values#p8863 Hello,

Do you have take a look into the ui.jqgrid.css?

Also this pixel commes not from the border of the div, but only from the border of the td element.

This only happen when you have height set to auto or 100%.

Best Regards

Tony

]]> Fri, 21 Aug 2009 02:27:14 +0300 MNBob on possible incorrect width values http://www.trirand.com/blog/?page_id=393/discussion/possible-incorrect-width-values#p8843 Discussion http://www.trirand.com/blog/?page_id=393/discussion/possible-incorrect-width-values#p8843 In Firefox, I'm looking at the generated source right now and I see the following three divs:

<div style="width: 500px;" id="gbox_unregisteredUsers" class="ui-jqgrid ui-widget ui-widget-content ui-corner-all">

<div style="width: 500px;" id="gview_unregisteredUsers" class="ui-jqgrid-view">

<div class="ui-state-default ui-jqgrid-hdiv" style="width: 500px;">

The first encloses the second which encloses the third. As you can see they all have a width of 500px. Because the UI classes have borders this results in content overflow and none of the browsers I have used (IE 7, IE 8 or Firefox) display the grid exactly right. The right borders are off by a pixel or two or the border is extra wide depending on the browser.

]]> Thu, 20 Aug 2009 12:34:30 +0300 tony on possible incorrect width values http://www.trirand.com/blog/?page_id=393/discussion/possible-incorrect-width-values#p8402 Discussion http://www.trirand.com/blog/?page_id=393/discussion/possible-incorrect-width-values#p8402 Hello,

This is not true. You can see this very easy in FireBug

Regards

Tony

]]> Mon, 10 Aug 2009 05:19:21 +0300 MNBob on possible incorrect width values http://www.trirand.com/blog/?page_id=393/discussion/possible-incorrect-width-values#p8253 Discussion http://www.trirand.com/blog/?page_id=393/discussion/possible-incorrect-width-values#p8253 The grid appears to assign the same width to multiple div containers. This is done despite the fact that the outer most div is assigned a ui class which more than likely has borders. The result is that the three divs inside the outermost div end up with widths that move them outside their container. This results in slightly incorrect border-right values.

I think the internal div widths should at least subtract the borders of the outermost div when computing their widths while initializing the grid.

]]> Tue, 04 Aug 2009 17:07:34 +0300