Intersoft Community - WebGrid Enterprise - Webgrid 8 Not loading Correctly in IE10 Quirks Mode

Webgrid 8 Not loading Correctly in IE10 Quirks Mode

Hans — Tue, 05 Mar 2013 03:01:24 GMT

Hello,

Thank you for the sample and the image.

I also can reproduce your issue on my end.
In order to fix this issue please try to add “meta” tag in your html page.
Here’s the example snippet code how to implement the meta tag.

<html><head runat="server">
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">
    <title></title>
</head>
<body>
    <form id="form1" runat="server" style="height: 100%;">
    <div id="container">
        <ISWebGrid:WebGrid ID="WebGrid1" runat="server" Height="90%" UseDefaultStyle="True"
            Width="99%" DisableFileSystemChecking="true" EnableWebResources="Never" DataCacheStorage="PageCache">
            <LayoutSettings AutoFitColumns="true" VirtualLoadMode="Default" VirtualPageSize="10"
                PagingMode="VirtualLoad" AllowGrouping="Yes">
            </LayoutSettings>
        </ISWebGrid:WebGrid>
    </div>
    </form>
</body>
</html>

Hope this helps.

Regards,
Hans.

Webgrid 8 Not loading Correctly in IE10 Quirks Mode

Skgrid@intersoftpt.com — Mon, 04 Mar 2013 06:11:01 GMT

Hi All,

I have a Page Without a doctype.

Webgrid was embedded like below.

When we browse the page in IE10 it is not rendering correctly it is giving javascripts errors in Webgrid_core.js like LayoutSettings is undefined or null.

Do we need to handle anything specific to IE10.

Please find the sample pages which you can used for replication,

Please advice.

Thanks in advance,

Regards,

Madhavan

<html>
<head runat="server"> 
<title></title>    
</head>
<body>
  <form id="form1" runat="server" style="height:100%;">           
        <div  id="container">    
            <ISWebGrid:WebGrid ID="WebGrid1" runat="server" Height="90%"  UseDefaultStyle="True"
                    Width="99%" DisableFileSystemChecking="true" EnableWebResources="Never" 
                     DataCacheStorage="PageCache">
            <LayoutSettings AutoFitColumns="true" VirtualLoadMode="Default" VirtualPageSize="10" PagingMode="VirtualLoad" AllowGrouping="Yes"></LayoutSettings>             
            </ISWebGrid:WebGrid>
        </div>
    </form>
</body>
</html>