Reporting Service render issue within Report Viewer Webpart in SharePoint Server 2013 with IE 10 or later

Using Internet Explorer 10 or later, I tried to browse a SharePoint page holds a Report Viewer Webpart to show a SSRS native mode report. but unfortunately, it shows with unexpected behavior as shown below :nativereportpreviewIE10

Cause: 

Compatibility Issue.

Solution:

To overcome this issue, you have to change document mode to IE=8 instead of IE=10 in only one of the following pages

  1. Master page.
  2. Report Viewer page.

In case of you are using a different webpart types like Report Viewer, PerformancePoint  …etc to show the SSRS native mode report, thence you should the document mode only for Master Page.

To achieve that follow the mentioned steps below:

  • Open SharePoint Designer > Connect to SharePoint site.

SPDopen

  • Go to Master Page Tab > Select the assigned Master Page > Edit in Advanced Mode.
    • Note: If you can’t edit the master page in advanced mode, you will need to use export file to save it locally then import it again.

exportmasterpage

  • Edit the exported Master Page with approbation editor like Visual Studio or Notepad

changeIEmode

  • Find “X-UA-Compatible” > Change the content attribute to IE=8 > Save.
  •  Go back to SharePoint Designer. > Perform an Import File.

importmasterpage

  • Try to browse the report now that should be shown properly.

In case of you are using only  Report Viewer webpart to show the SSRS native mode report, thence you should update the document mode for only ReportViewer page.

To achieve that follow the mentioned steps below:

  • In report server > Open the file  ReportViewer.aspx that located
    • C:\Program Files\Microsoft SQL Server\MSRSx.InstanceName\Reporting Services\ReportServer\Pages.
  • Change the following line
    • <meta http-equiv=”X-UA-Compatible” content=”IE=5″> to
    •  <meta http-equiv=”X-UA-Compatible” content=”IE=8″> or later
  • Save and Close.

The report within the Report Viewer webpart should be now shown properly using IE .

Enjoy 🙂

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s