Problem with ReportViewer rendering in IE

15 posts, 0 answers
  1. ChuckRock
    ChuckRock avatar
    38 posts
    Member since:
    Jul 2006

    Posted 23 Aug 2012 Link to this post

    Hi,

    I am using version 6.1.12.611 of Telerik.Reporting.DLL

    I have created a dll with all my reports in it that the ReportViewer uses. (see below for code)

    When displaying the web page in Visual Studio's Development server, the reports render correctly.  

    When displaying the web page from the production server (IIS 6) in a Chrome browser, the reports render correctly.

    But when displaying the web pages in IE(V10, 9, 7), the Report viewer is BLANK.  The page count still says 1 of 5, and you can scroll through 5 blank pages.  Also, if you export to PDF, when you open the PDF file on a computer, it looks just fine; no blank pages.

    Any ideas?

    Thanks for your assistance!

    -Chuck Bryan

    PS: This was all working correctly under Telerik Reporting v 6.0.12.215 before I updated to the latest versions of all Telerik products...


    .aspx page
    <%@ Page Language="VB" AutoEventWireup="false" CodeFile="PrintPreview.aspx.vb" Inherits="MAdmin_PrintPreview" %>
    <%@ Register assembly="Telerik.ReportViewer.WebForms, Version=6.1.12.611, Culture=neutral, PublicKeyToken=a9d7983dfcc261be" namespace="Telerik.ReportViewer.WebForms" tagprefix="telerik" %>
     
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
     
        <head runat="server">
            <title></title>
            <style type="text/css">  
                form#form1, div#content
                {
                height: 100%;
                }
            </style>
        </head>
        <body>
            <form id="form1" runat="server">
                <div id="content">
                    <telerik:ReportViewer ID="ReportViewer1" runat="server" Height="100%" Width="100%" ShowDocumentMapButton="False" ShowHistoryButtons="False" ShowRefreshButton="False" ShowZoomSelect="True" ViewMode="PrintPreview" ReportBookID="ReportBookControl1">
                    </telerik:ReportViewer>
                    <telerik:ReportBookControl ID="ReportBookControl1" runat="server">
                    </telerik:ReportBookControl>
                </div>
            </form>
        </body>
    </html>

    .aspx.vb
    Private Sub RptSet01()
        Dim fs As Integer
        Dim x As Integer
        Dim rBook As New ReportBook()
     
        fs = S.PrintSize
        SigFull = P.ANO
        SigIntRec = P.CFS
     
        x = 0
     
        ' Create the Command and the Connection.
        Dim connectionString As String = WebConfigurationManager.ConnectionStrings("DBString").ConnectionString
     
        Dim con As MySqlConnection = New MySqlConnection()
        con.ConnectionString = connectionString
        Dim sql As String = SelString
        Dim cmd As MySqlCommand = New MySqlCommand(sql, con)
     
        ' Open the Connection and get the DataReader.
        con.Open()
        Dim reader As MySqlDataReader = cmd.ExecuteReader()
     
        Do While reader.Read
            Select Case fs
                Case 1
                    Full10Bt1ns(rBook, reader("RecordID"))
                Case 2
                    Full12Bt1ns(rBook, reader("RecordID"))
                Case 3
                    Full11Bt1ns(rBook, reader("RecordID"))
                Case Else
                    Full10Bt1ns(rBook, reader("RecordID"))
            End Select
            rBook.Reports(x).PageNumberingStyle = PageNumberingStyle.ResetNumberingAndCount
            x += 1
        Loop
        reader.Close()
        con.Close()
     
        ReportViewer1.Report = rBook
    End Sub
     
    Private Sub Full10Bt1ns(ByVal rBook As ReportBook, ByVal TheUserID As Integer)
        Dim ConnectionString As String = WebConfigurationManager.ConnectionStrings("DBString").ConnectionString
        Dim theAdapter As MySqlDataAdapter
        Dim sql As String = SelString2
        theAdapter = New MySqlDataAdapter(sql, ConnectionString)
        Dim Report1 As New Reporting.tFull10Bt1ns
     
        Report1.ReportParameters("1").Value = Dem1
        Report1.ReportParameters("2").Value = Dem2
        Report1.ReportParameters("3").Value = Dem3
     
        If P.PrintDocument = 1 Then
            Report1.ReportParameters("Sig").Value = SigFull ' SET FOR SIGNATURE LINES
        Else
            Report1.ReportParameters("Sig").Value = SigIntRec ' SET FOR SIGNATURE LINES
        End If
        Report1.DataSource = theAdapter
        rBook.Reports.Add(Report1)
    End Sub


  2. Steve
    Admin
    Steve avatar
    10941 posts

    Posted 28 Aug 2012 Link to this post

    Hello,

    Here is the answer from your support ticket:

    "You would need to specify height to the whole DOM tree i.e. your HTML markup should be the following:
    Copy Code
    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Telerik.Reporting.Examples.CSharp.WebDemo.WebForm1" %>
    <%@ Register assembly="Telerik.ReportViewer.WebForms, Version=6.1.12.611, Culture=neutral, PublicKeyToken=a9d7983dfcc261be" namespace="Telerik.ReportViewer.WebForms" tagprefix="telerik" %>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
     
    <html xmlns="http://www.w3.org/1999/xhtml" id="html">
    <head runat="server">
        <title></title>
         <style type="text/css">           
            html#html, body#body, form#form1, div#content
            {  
                height: 100%;
            }
        </style>
    </head>
    <body id="body">
        <form id="form1" runat="server">
       <div id="content">
                    <telerik:ReportViewer ID="ReportViewer1" runat="server" Height="100%"
                        Width="100%" ShowDocumentMapButton="False" ShowHistoryButtons="False"
                        ShowRefreshButton="False" ShowZoomSelect="True" ViewMode="PrintPreview">
                        <telerik:ReportBookControl ID="ReportBookControl1" runat="server">
                    </telerik:ReportBookControl>
                        </telerik:ReportViewer>
                </div>
        </form>
    </body>
    </html>

    Regards,
    Steve
    the Telerik team

    BLOGGERS WANTED! Write a review about Telerik Reporting or the new Report Designer, post it on your blog and get a complimentary license for Telerik Reporting. We’ll even promote your blog and help bring you a few fresh readers. Yes, it’s that simple. And it’s free. Get started today >

  3. DevCraft banner
  4. Pankaj
    Pankaj avatar
    24 posts
    Member since:
    Apr 2013

    Posted 10 Apr 2013 Link to this post

    Hi Steve , 
    I want to update the telerik control for my website it was working properly before the release of internet explorer 10 , but its not working in IE10 how to upgrade my telerik control
  5. Stef
    Admin
    Stef avatar
    3036 posts

    Posted 15 Apr 2013 Link to this post

    Hello Pankaj,

    There is no information in your account about downloaded versions, so if by any chance you have not tried the described by my colleague settings, please test them. In addition you can upgrade to any version since Q2 2012.
    Telerik Reporting trial contains examples which can be tested at your side. For your comfort there are online demos allowing easy way to check how Telerik Reporting performs under different browsers.

    I hope this helps.

    Greetings,
    Stef
    the Telerik team

    Have you tried the new visualization options in Telerik Reporting Q1 2013? You can get them from your account.

  6. Pankaj
    Pankaj avatar
    24 posts
    Member since:
    Apr 2013

    Posted 29 Apr 2013 Link to this post

    HI Stef,

    I am working on A application that used telerik controls , 
    Telerik.ReportViewer.WebForms, Version 4.0.10.423 Dll we are using , but i dont know how its happening , 
    when i click on print button of rad grid then in Google Chrome then it showing the popup , "unable to perform the operation"
    but working on all the browser correctly.
    Can u help how to fix the problem
    
    thanks,
    pankaj
    
    
  7. Stef
    Admin
    Stef avatar
    3036 posts

    Posted 02 May 2013 Link to this post

    Hi Pankaj,

    A similar issue with printing under Chrome was fixed in Telerik Reporting Q3 2011. Please download and test the latest available version of Telerik Reporting Q1 2013 SP1 (v7.0.13.426).

    Let us know if after upgrading your project the issue still exists.

    Regards,
    Stef
    the Telerik team

    Have you tried the new visualization options in Telerik Reporting Q1 2013? You can get them from your account.

  8. Pankaj
    Pankaj avatar
    24 posts
    Member since:
    Apr 2013

    Posted 03 May 2013 Link to this post

    hi Stef ,

    Thanks for Your reply i will update the telerik control ,

    i have another issue of print problem i am using a rad grid an a print button on click of print button the 
      btnRunReport_Click(nullnull);
    
       RadAjaxPanel1.ResponseScripts.Add("PrintRadGrid('" + gvReportUnit.ClientID + "')");
           
    
    and on aspx page
    
    
     function PrintRadGrid(radGridId) {
                    var radGrid = $find(radGridId);
                    var previewWnd = window.open('about:blank'''''false);
                    var sh = '<%= ClientScript.GetWebResourceUrl(gvReportUnit.GetType(),String.Format("Telerik.Web.UI.Skins.{0}.Grid.{0}.css",gvReportUnit.Skin)) %>';
                    var styleStr = "<html><head><link href = '" + sh + "' rel='stylesheet' type='text/css'></link></head>";
                    var htmlcontent = styleStr + "<body>" + radGrid.get_element().outerHTML + "</body></html>";
                    previewWnd.document.open();
                    previewWnd.document.write("<b><center>Custom Report</center></b>");
                    previewWnd.document.write(htmlcontent);
                    previewWnd.document.close();
                    previewWnd.print();
                    previewWnd.close();
                }
    it is opening a new window instead open a popup for print which i attached Thanks Pankaj
  9. Stef
    Admin
    Stef avatar
    3036 posts

    Posted 08 May 2013 Link to this post

    Hi Pankaj,

    The issue seems to be related to your printer settings.

    In future please try to post your questions in the forum of the according product, thus other community members following specific topic will be aware of your post and may help you. In addition, please separate unrelated topics to ease others when searching through forum threads.

    Kind regards,
    Stef
    the Telerik team

    Have you tried the new visualization options in Telerik Reporting Q1 2013? You can get them from your account.

  10. Per
    Per avatar
    13 posts
    Member since:
    Feb 2013

    Posted 27 Sep 2013 Link to this post

    Hi,

    I'm using Telerik Reporting version 7.1.13.802 following the example of defining a class lib where I put my report definition etc.
    VS 2010 SP1 NET 4.0 in my resulting ASP page I notice the following behavior:

    1. In IE 10 I quickly s can see the Report flashing by when the page is loading and then it disappear leaving only a blank page.
    The report is there however since I can manage to e.g. Export a PDF showing the content as expected. See attachment!

    2. In both Firefox and Chrome I can see the report on the page BUT I need to scroll since the report is only partly visible in a small section at the top of the page and the rest of the page is blank. See attachments!

    Here's my code

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ExportPDF.aspx.cs" Inherits="GlobalChangeOrder.ExportPDF" %>


    <%@ Register Assembly="Telerik.ReportViewer.WebForms, Version=7.1.13.802, Culture=neutral, PublicKeyToken=a9d7983dfcc261be" Namespace="Telerik.ReportViewer.WebForms" TagPrefix="telerik" %>


    <!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" id="html">
    <head runat="server">
        <title>Change Order Report</title>
             <style type="text/css">           
            html#html, body#body, form#form1, div#content
            {  
                height: 100%;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <div id="content">

            <telerik:ReportViewer ID="ReportViewer1" runat="server" Height="100%"
                        Width="100%" ShowDocumentMapButton="False" ShowHistoryButtons="False"
                        ShowRefreshButton="False" ShowZoomSelect="True" ViewMode="PrintPreview"></telerik:ReportViewer>
        </div>
        </form>
    </body>
    </html>

        public partial class ExportPDF : System.Web.UI.Page
        {
            int _IDChangeOrder;
            protected void Page_Load(object sender, EventArgs e)
            {
                _IDChangeOrder = Convert.ToInt32(Request.QueryString[0].ToString());
                var instanceReportSource = new Telerik.Reporting.InstanceReportSource();
                instanceReportSource.ReportDocument = new ChangeOrderReport(_IDChangeOrder);
                this.ReportViewer1.ReportSource = instanceReportSource;

                if (!IsPostBack)
                {

                }

            }
        }
    }

    BR,
    Per
  11. Per
    Per avatar
    13 posts
    Member since:
    Feb 2013

    Posted 27 Sep 2013 Link to this post

    Hi again,

    I managed to solve this by simply changing my height property from % to pixels
  12. Napa
    Napa avatar
    9 posts
    Member since:
    Mar 2013

    Posted 01 May 2014 in reply to Steve Link to this post

    Hi,

    I am using version
    5.3.11.1222 (Q3 2011) of Telerik.Reporting.DLL

    I have created a dll with all my reports in it that the ReportViewer uses. (see below for code)

    When displaying the web page in Visual Studio's Development server, the reports render correctly.  

    When displaying the web page from the production server (IIS 6) in a Chrome browser,IE 8 the reports render correctly.

    But when displaying the web pages in IE(V10, 9), the Report viewer is BLANK.  The page count still says 1 of 5, and you can scroll through 5 blank pages.  Also, if you export to PDF, when you open the PDF file on a computer, it looks just fine; no blank pages.

    Any ideas?

    Thanks for your assistance!


    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TelerikReportViewer.aspx.cs" Inherits="BCR.TelerikReportViewer" %>
    <%@ Register Assembly="Telerik.ReportViewer.WebForms, Version=5.3.11.1222, Culture=neutral, PublicKeyToken=a9d7983dfcc261be"
    Namespace="Telerik.ReportViewer.WebForms" TagPrefix="telerik" %>
    <!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" id="html">
    <head runat="server">
    <title></title>
    <style type="text/css">
    html#html, body#body, form#form1, div#content, center#center
    {
    border: 0px solid black;
    padding: 0px;
    margin: 0px;
    height: 100%;
    }
    </style>
    </head>
    <body id="body">
    <form id="form1" runat="server">
    <div id="content"><center id="center"><telerik:ReportViewer ID="ReportViewer1"
    runat="server" style="border:1px solid #ccc;"
    width="99%" height="99%" ShowZoomSelect="True" ZoomMode="PageWidth"/></center></div>
    </form>
    </body>
    </html>
  13. ChuckRock
    ChuckRock avatar
    38 posts
    Member since:
    Jul 2006

    Posted 01 May 2014 in reply to Napa Link to this post

    Try updating to the latest version of the Telerik Reporting.
  14. ChuckRock
    ChuckRock avatar
    38 posts
    Member since:
    Jul 2006

    Posted 01 May 2014 in reply to Napa Link to this post

    Also, try setting your Div height & width...

    <div runat="server" id="content" style="height:100%; width:100%;">
  15. Stef
    Admin
    Stef avatar
    3036 posts

    Posted 02 May 2014 Link to this post

    Hello,

    Use the HTML5 DOCTYPE directive or x-ua-compatible meta tag to handle IE rendering mode. For more details check the Specifying legacy document modes msdn article.


    Regards,
    Stef
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  16. Doug
    Doug avatar
    26 posts
    Member since:
    Feb 2011

    Posted 01 Sep 2015 Link to this post

    Thanks for this post.  After setting my reportviewer.aspx page to the following, I was able to display the reportviewer in IE 11  where it was not displaying previously.  Using Q2 2015 SP1 (9.1.15.731)

    <%@ Page Language="VB" AutoEventWireup="false" CodeFile="ReportViewer.aspx.vb" Inherits="ReportViewer" %>
     
     
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
     
    <%@ Register Assembly="Telerik.ReportViewer.WebForms, Version=9.1.15.731, Culture=neutral, PublicKeyToken=a9d7983dfcc261be" Namespace="Telerik.ReportViewer.WebForms" TagPrefix="telerik" %>
     
    <head runat="server">
        <title>Print Report</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    </head>
    <body>
        <form id="form1" runat="server" style="height:99%; width:99%; vertical-align:top;">
            <div id="content" style="height:100%; width:100%; vertical-align:top;">
                <center id="center">
                    <asp:Panel ID="uiMessagePanel" runat="server" Visible="False">
                        REPORT DOES NOT EXIST!<br />
                        Please Close window and select a different report...
                    </asp:Panel>
                        <asp:Button ID="uiPrint" runat="server" Text="Close" OnClientClick="window.close(); return false;" Width="100px" style="height: 26px" UseSubmitBehavior="False" AccessKey="C" ToolTip="Close Report Window [Alt+C] or [ALT+Shift+C ]" />
                    <asp:DropDownList ID="DropDownList1" runat="server" Visible="False">
                    </asp:DropDownList>
                </center>
                <div style="display:normal">
                    <telerik:ReportViewer
                        ID="eTaxiReportViewer"
                        runat="server"
                        style="border:1px solid #ccc;"
                        ShowExportGroup="true"
                        BorderColor="Black"
                        BorderStyle="Solid"
                        BorderWidth="1px"
                        width="100%"
                        height="800px"
                        ShowParametersButton="true"
                        ShowRefreshButton="false"
                        ParametersAreaVisible="false">
                    </telerik:ReportViewer>
                </div>
            </div>
     
            <!-------------------------------->
            <!-- force print dialog to open -->
            <!-------------------------------->
            <script type="text/javascript">
                setTimeout(function(){ <%=eTaxiReportViewer.ClientID%>.PrintReport(); }, 1000);
            </script
        </form>
    </body>
    </html>

Back to Top
DevCraft banner