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

Problem with ReportViewer rendering in IE

14 Answers 787 Views

General Discussions

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

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">

<html xmlns="http://www.w3.org/1999/xhtml">

<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

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 >

answered on 03 May 2013, 07:17 AM

error.jpg

shouldlooklikethis.jpg

error.jpg

shouldlooklikethis.jpg

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(null, null);

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

answered on 27 Sep 2013, 07:42 AM

report-export-PDF.PNG

report-Firefox.PNG

report-Chrome.PNG

report-IE-10.PNG

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

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>

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" %>

<html xmlns="http://www.w3.org/1999/xhtml">

<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>

<script type="text/javascript">

setTimeout(function(){ <%=eTaxiReportViewer.ClientID%>.PrintReport(); }, 1000);

</script>

</form>

</body>

</html>

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Problem with ReportViewer rendering in IE

14 Answers, 1 is accepted