Intersoft Community - WebGrid Enterprise - Webgrid 10, Win 7, IE 11 header alignment issue

Webgrid 10, Win 7, IE 11 header alignment issue

yudi — Mon, 13 Mar 2017 04:45:22 GMT

Could you please try it in IE 11 too ? We use this version.

Please find the video (WebGrid10MisalignColumnOnIE11.zip. Extract the file and get the WebGrid10MisalignColumnOnIE11.mp4 video file) which shows how the ColumnFilterwithWebValueList.aspx page is rendered on IE 11 browser.

Look forward to hearing back from you.

Webgrid 10, Win 7, IE 11 header alignment issue

UBS_Csaba — Fri, 10 Mar 2017 07:41:58 GMT

Hi Yudi,

Could you please try it in IE 11 too ? We use this version.

Thanks in advance,

Csaba

Webgrid 10, Win 7, IE 11 header alignment issue

yudi — Fri, 10 Mar 2017 07:10:12 GMT

Sorry for the delay in sending this.

I created a simple WebApplication with a single WebForm, ColumnFilterwithWebValueList.aspx. The page created based on the sent ColumnFilterwithWebValueList.aspx and ColumnFilterwithWebValueList.aspx.cs.

Next, open the page in IE 9 browser and perform the test. The reported problem is not reproducible in my local end.

Please find the sample project and the video which shows how the test result. Should you find anything that I might miss during my attempt to reproduce the problem, please feel free to let me know.

Webgrid 10, Win 7, IE 11 header alignment issue

UBS_Csaba — Fri, 03 Mar 2017 09:22:39 GMT

Dear All,

I detected an issue with the grid alignment on Windows 7 with Internet Explorer. The width of the columns is different in the header and in the table body of the grid.

I used ColumnFilterWithWebValueList.aspx from the samples. I enabled sorting, ordering, deleting:

and didn't change anything else.

You can reproduce the issue with the following steps:

1. Enable ordering and filtering in a grid which has at least four columns, say A,B,C,D

2. Resize a column B so that it is shorter than its contents

3. Sort the grid by column A

4. To auto fit column B, double click on the separator between columns B and C so that the mouse pointer (pointer will be like this: <----->) is a little bit in column C :
Col B | Col C
<----->

Another thing to add: I see this issue sometimes, when I open a grid and don't touch the IE for an hour. When I come back (from a meeting, etc.), I see the same alignment issue with the grid.

I have found some explanations here in other threads that changing to IE8 compatible mode (Response.AddHeader("X-UA-Compatible", "IE=EmulateIE8"); ) could solve the problem, but this is not an option for us, because we use some other things (our development) which are not compatible with this setting.

Could you please investigate this?

Thanks in advance,
Csaba