tony said:

Hello Romyn,

Not sure If I include this fix. It works ok when you have shrinkToFit set to false, but when this parameter is set to true we have a empty space bettwen the last row and the pager, which does not look good. I will publish this solution in HOWTO section of the grid, but will try to search a better one.

Regards

Tony

Well, something I did to tweak this was to also only apply this fix for IE7 and lower, IE8 has this issue fixed.

Not sure If I include this fix. It works ok when you have shrinkToFit set to false, but when this parameter is set to true we have a empty space bettwen the last row and the pager, which does not look good. I will publish this solution in HOWTO section of the grid, but will try to search a better one.

Regards

Tony

For now I've added

    if ($.browser.msie) {
        $a = $(".ui-jqgrid .ui-jqgrid-bdiv");
        $a.css("padding", "0 0 15px 0");
        $a.css("overflow-y", "hidden");
    }

to my resizeGridWidths function as I prefer to leave your js files as they are - one more thing not to have to remember to do when I next update to a later version.

That's seems to have done the trick.

Regards

Romyn

tony said:

Hello,

Could you please look this:

http://www.trirand.com/blog/?p.....mment-3198

and let me known if this resolve the problem.

Also here is the message:

…

Hello Tony,

after the code line 1094 original:

            if($.isFunction(ts.p.gridComplete)) {ts.p.gridComplete();}

I added the following

/* ie browser fix */
            if ($.browser.msie) {
                $a = $('.ui-jqgrid .ui-jqgrid-bdiv');
                $a.css('padding', '0 0 15px 0');
                if(ts.p.height == '100%'){
                    $a.css('overflow-y', 'hidden');
                }
            }
/* end ie browser fix */

And it seems to work! I will make more tests, but I am optimistic.

Regards

HP Oe

Could you please look this:

http://www.trirand.com/blog/?p.....mment-3198

and let me known if this resolve the problem.

Also here is the message:

...

(The 1st one I've now posted on the jQuery-UI googlegroup - hopefully someone will come to my rescue over there).

Regards

Romyn

For the second. Could not remember, but I think there was a patch here in forum for this issue. Will try to find it - the correction is in css.

Regards

Tony

You're right - issue 1 does seem to be a problem with either the UI-Accordion or the UI-Layout control - got to work out which now. I did try you're suggestion vis-a-vis width instead of innerwidth but it made no difference unfortunately. I've added an Alert in that gives the width when the pane is resized and it appears that with IE the width just decreases by 1px no matter how much the pane size is decreased by (FF shows the correct value in the alert). Increasing the width is fine in both. That's a clue at least.

As for the 2nd issue - I've tried build 12 and now have loaded the latest from GitHub behind it but it still does the same thing - not showing all records in IE even though set to autoheight. It seems as though IE doesn't take into account the horiz scrollbar although FF does.

Any ideas?

For the first issue - it is a not jqGrid problem, but a way how diffrent browsers calculate the width - in this case IE.

Maybe you should try not with width(), but with innerWidth().

function resizeGridWidths() {
 outerwidth = $("#accordion").innerWidth()- 5;
 $("#grid_1").setGridWidth(outerwidth);
 $("#grid_2").setGridWidth(outerwidth);
}

For the second issue - could you please try with build 12. ALso I can not remember, but maybe you should try with the last vesrion from GitHub.

Thanks

Best Regards

Tony

I have a setup that has 2 grids within an Accordian that is inside a UI-Layout pane - I've left all that in just in case it's relevant in any way - I have a couple of problems that show up within IE (6&7).

The first can be seen on the following page:-

http://www.thekmz.co.uk/GEPlug.....test3a.htm

The grids are set to autowidth:true and height:'auto'.

(Having 2 grids means I can't use height:'100%' as that throw the 2nd grid down the page and gives a vertical scroll)

When the Layout-Pane is resized (by dragging the grey vertical bar) the Accordian is resized and so are the grids (using setGridWidth to 5px less than the accordian's outerwidth). This works as expected in FF but in IE making the Pane larger (drag left) the Grids increase in width OK but if I then make it smaller the Grids don't resize and I get a horiz scroll even if the columns should fit.

(I also get a vertical scroll in IE when initially loading the page which I can't seem to be able to get rid of - I can't see a reason why that is there - it's not in FF but may not be due to jqGrid - I don't know?)

The second problem is related to height:auto and can be seen on this page:-

http://www.thekmz.co.uk/GEPlug.....test3b.htm

This setup is exactly the same as the first but in this one I've made the final column in the first grid wider so that it will give a horiz scroll when initially loaded. In FF it's looks fine and the autoheight works and I can see all the records. In IE however I not only get a horiz scroll but also a vertical one and all the records are not visible. I don't know if this is related in any way to problem 1 but I can't figure out a way to solve it without (maybe) setting and recalculating the height in code.

I've searched the forum, promise, as much as I can but can't seem to find a fix so any help would be greatly appreciated.

(I'm using 3.5 build 11)

Thanks and regards

Romyn