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

Problem with ReportViewer rendering in IE

14 Answers 629 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
ChuckRock
Top achievements
Rank 1
ChuckRock asked on 23 Aug 2012, 04:41 PM
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


14 Answers, 1 is accepted

Sort by
0
Steve
Telerik team
answered on 28 Aug 2012, 11:37 AM
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 >

0
Pankaj
Top achievements
Rank 1
answered on 10 Apr 2013, 01:17 PM
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
0
Stef
Telerik team
answered on 15 Apr 2013, 12:43 PM
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.

0
Pankaj
Top achievements
Rank 1
answered on 30 Apr 2013, 04:49 AM
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

0
Stef
Telerik team
answered on 02 May 2013, 04:11 PM
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.

0
Pankaj
Top achievements
Rank 1
answered on 03 May 2013, 07:17 AM
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
0
Stef
Telerik team
answered on 08 May 2013, 07:12 AM
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.

0
Per
Top achievements
Rank 1
answered on 27 Sep 2013, 07:42 AM
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
0
Per
Top achievements
Rank 1
answered on 27 Sep 2013, 08:35 AM
Hi again,

I managed to solve this by simply changing my height property from % to pixels
0
Napa
Top achievements
Rank 1
answered on 01 May 2014, 08:23 PM
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>
0
ChuckRock
Top achievements
Rank 1
answered on 01 May 2014, 08:32 PM
Try updating to the latest version of the Telerik Reporting.
0
ChuckRock
Top achievements
Rank 1
answered on 01 May 2014, 08:36 PM
Also, try setting your Div height & width...

<div runat="server" id="content" style="height:100%; width:100%;">
0
Stef
Telerik team
answered on 02 May 2014, 07:36 AM
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.

 
0
Doug
Top achievements
Rank 2
answered on 01 Sep 2015, 03:02 PM

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>

Tags
General Discussions
Asked by
ChuckRock
Top achievements
Rank 1
Answers by
Steve
Telerik team
Pankaj
Top achievements
Rank 1
Stef
Telerik team
Per
Top achievements
Rank 1
Napa
Top achievements
Rank 1
ChuckRock
Top achievements
Rank 1
Doug
Top achievements
Rank 2
Share this question
or