Using the HTML5 ReportViewer in MVC
Aiming at finding a way to force the whole report to display in just one long scrolling page without interfering with how it may show up when printed.
The report being displayed is in a reportbook which switches between landscape and portrait orientation and it made up of ~ 19 report/subreports.
What is happening is that certain page breaks are showing up that push the contents onto additional pages even though the viewer is in ViewMode.Interactive .
Is there a listing anywhere of what reporting elements/settings/etc may be causing these breaks even in Interactive mode?
Is there any way to truly force the reportviewer to have everything on only a single page?
Here's the viewer code being used:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Telerik MVC HTML5 Report Viewer</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<link href="http://kendo.cdn.telerik.com/2015.3.930/styles/kendo.common.min.css" rel="stylesheet" />
<link href="http://kendo.cdn.telerik.com/2015.3.930/styles/kendo.blueopal.min.css" rel="stylesheet" />
<script src="@Url.Content("~/ReportViewer/js/telerikReportViewer.kendo-11.0.17.118.min.js")"></script>
<style>
#reportViewer1 {
position: relative;
width: 1300px;
height: 900px;
font-family: Verdana, Arial;
}
</style>
<script src="@Url.Content("~/ReportViewer/js/telerikReportViewer-11.0.17.118.min.js")"></script>
</head>
<body>
@(Html.TelerikReporting().ReportViewer()
.Id("reportViewer1")
.ServiceUrl(Url.Content("/api/reports"))
.ReportSource(new TypeReportSource() { TypeName = "ReportLibrary1.ReportBook_Oriented, ReportLibrary1, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null" })
.ViewMode(ViewMode.Interactive)
.ScaleMode(ScaleMode.Specific)
.Scale(1.0)
.PersistSession(true)//NOTE: If this is False it clears the site sessions so it may no longer be used
.PrintMode(PrintMode.AutoSelect)
)
</body>
</html>