This is a migrated thread and some comments may be shown as answers.

RadGrid Rendering Issue

10 Answers 326 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Velma
Top achievements
Rank 1
Velma asked on 05 Jan 2012, 09:55 PM
We have a kind of weird rendering issue. Wonder if anyone has any insight into it.

Our rather large organization just made the move from IE7 to IE8, go figger (our servers are IIS6). Overall in our application we noticed rendering was quite different between serving from our local machines (IIS Express or Cassini) and serving from the server--I asked the web admins if there is some setting forcing the servers to send back HTML in IE7 mode, but they couldn't find anything. So we added a IE8 meta tag to our master pages. So now we have:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="X-UA-Compatible" content="IE=8" />

This worked great to fix our problems. Our rendering is consistent between local and the servers. The RadMenu stopped popping under the RadWindow. The positioned RadWindow stopped jumping all over the screen. Except, we have a lot of RadGrids. And they appear to ignore the meta tag and render in IE7 mode when being served from the server. 

We finally learned that there is a Compatibility View setting in IE8. Tools, Compatibility View Settings, uncheck "Display Intranet Sites in Compatibility View". And then the RadGrids render correctly from the server. So everything we have except the RadGrids prioritizes the meta tag over the IE Compatibility View setting. 

I have no idea if this is a Telerik thing, or a grid thing, or a what thing. But does anyone have any idea why the RadGrid ignores the meta tag? Because having our users change the Compatibility View setting is not really an option. Any pointers or suggestions would be most welcome.

10 Answers, 1 is accepted

Sort by
0
Pavlina
Telerik team
answered on 09 Jan 2012, 02:34 PM
Hello,

The described behaviour is indeed strange and unfortunately from the details provided I cannot say for certain what might be the exact cause of it. Is it possible for you to provide a live url where the discrepancy can be seen under IE8 browser? It would be very useful if you can send us the problematic grid declaration and the relevant code-behind, so that we can try to replicate the described issue and advice you further.

Looking forward for your reply.

Greetings,
Pavlina
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
0
Velma
Top achievements
Rank 1
answered on 12 Jan 2012, 04:41 PM
Thanks, Pavlina,

I will make a demo project, send you the source, and also get it set up live at a public URL. I will open a support ticket referencing this thread. May take me a week or so to get a chunk of time to make the demo, though...

Best,
Velma
0
Maxime
Top achievements
Rank 1
answered on 01 Feb 2012, 04:31 PM
Hi there,

We have the exact same issue.
Has a solution been found yet?
0
Michael Rogers
Top achievements
Rank 2
answered on 06 Feb 2012, 06:32 PM
I also have this problem.  Are there plans to resolve this?

I downloaded the Beta Q1 2012 controls and they do not appear to fix it.

Thanks
Michael
0
Accepted
Maxime
Top achievements
Rank 1
answered on 06 Feb 2012, 06:38 PM
HEy there :)

I got an answer from support which was the following:

This problem should be fixed by setting 100% width for the MasterTableView and GridTableViews. You can do this with CSS:
.rgDetailTable, .rgMasterTable
{
    width100%;
}

which is the recommended way or you can set this width in markup, similar to our online demo:
Grid / Declarative Relations  

That worked for us!
Hopes this works for you!
0
Michael Rogers
Top achievements
Rank 2
answered on 06 Feb 2012, 07:52 PM
Thanks for the quick response.  That didn't fix the issues i'm having though.  I was having column widths that didn't match the header widths.  In regular mode the item width is set by matching the header width.  In compatibility mode with the meta tag setting it to edge the header widths and item widths don't match if the grid requires horizontal scrolling.  How ever if you set the item-stylewidth on one item it matches the width with the all the header widths.  All that is left to figure out why it isn't sizing controls in the footer correctly until you over over them or click on them.

Thanks.
Michael

0
Tsvetina
Telerik team
answered on 07 Feb 2012, 09:52 AM
Hi Michael,

I am not sure what you mean by "why it isn't sizing controls in the footer correctly until you over them or click on them". Can you show a video or screenshots of the problem and paste the relevant markup, so we can get a more clear idea of the problem at hand?

Kind regards,
Tsvetina
the Telerik team
Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
0
Velma
Top achievements
Rank 1
answered on 10 Feb 2012, 06:09 PM
I started this thread, but I got tied up in other things, and never got back to submitting a support ticket.

The answer posted by another user, given her by support:
.rgDetailTable, .rgMasterTable
{
    width100%;
}
works great. 

To summarize:
In IE8, even with "<meta http-equiv="X-UA-Compatible" content="IE=8" />" on the page, the grids render very differently in Compatibility View Mode and Standard Mode. The line-up between headers and data items is very different. The fix is as simple !!!! as the above style.

Telerik, why are these not the default settings??? 

0
Tsvetina
Telerik team
answered on 14 Feb 2012, 03:44 PM
Hi Velma,

Setting 100% width to the tableviews could lead to an unneeded scroll in IE7, this is one of the first reasons that I can think of. There may be other limitations that prevented our front-end developers from adding this setting. However, I will notify them about your question and if such change would not cause other layout issues, they may add it by default in future versions of RadControls.

Greetings,
Tsvetina
the Telerik team
Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
0
Nazer
Top achievements
Rank 2
answered on 05 Jun 2014, 01:32 PM
Hi,

I am also had the same rendering problem in RadGrid in compatibility Mode. The Answer given is working fine.
The problem is at render time Table header and cell content are rendered separate div.

Thanks.
Tags
Grid
Asked by
Velma
Top achievements
Rank 1
Answers by
Pavlina
Telerik team
Velma
Top achievements
Rank 1
Maxime
Top achievements
Rank 1
Michael Rogers
Top achievements
Rank 2
Tsvetina
Telerik team
Nazer
Top achievements
Rank 2
Share this question
or