Report not show on IE 11 (0 height) while it's fine on Chrome

3 posts, 1 answers
  1. danparker276
    danparker276 avatar
    389 posts
    Member since:
    Aug 2010

    Posted 22 Nov 2013 Link to this post

    I'm on windows 8.1
    IE version 11.0.96600.16438
    The report works, I can print it fine, but there is no height to the report, so I can't see it in IE.
     Chrome is fine.  

    Very basic setup:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>

            <telerik:ReportViewer ShowZoomSelect="True"   
                ZoomMode="PageWidth" Width="1000px" Height="500" ID="ReportViewer1" runat="server">
            </telerik:ReportViewer>
        </div>
        </form>
    </body>
    </html>
  2. danparker276
    danparker276 avatar
    389 posts
    Member since:
    Aug 2010

    Posted 25 Nov 2013 Link to this post

    Looking through the forums the only thing that worked was adding: 
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    Now it's ok, I still can't get the height to use 100% though.  The following would give me a very small height, so I have to specify 500px

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
             <style type="text/css">           
            html#html, body#body, form#form1, div#content
            {  
                height: 100%;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <div style="height:100%">

            <telerik:ReportViewer ShowZoomSelect="True" 
                ZoomMode="PageWidth" Width="1000px" Height="100%" ID="ReportViewer1" runat="server">
            </telerik:ReportViewer>
        </div>
        </form>
    </body>
    </html>
  3. DevCraft banner
  4. Answer
    IvanY
    Admin
    IvanY avatar
    417 posts

    Posted 27 Nov 2013 Link to this post

    Hello Dan,

    Up to your question - you have not correctly added the id attributes of the elements. In order for this to work you will have to add id="html"  to the html tag, id="body" to the body tag and id="content" to the div tag and remove the style attribute from the div. Only then you will not need to hardcore the height in pixels.

    Regards,
    IvanY
    Telerik

    New HTML5/JS REPORT VIEWER with MOBILE AND TOUCH SUPPORT available in Telerik Reporting Q3 2013! Get the new Reporting version from your account or download a trial.

Back to Top