Rank 1
Hello.
Reporting3.PNG is Telerik Report Designer Screen,
Reporting1.PNG is Telerik Report Viewer Screen,
Reporting2.PNG is Telerik Report Viewer Print Screen,
I'm going to put all the components in the outermost rim. Running the Telerik Report file, working in the Telerik Report Designer, all components are within the outermost border, but on the Telerik Report Viewer and print screen, the number 3000 is located in different locations and is also out of the border.
All components have values of location (ex. 250px, 34px) and size, and values of CanGrow and CanShrink are False. Multiline is also false.
And then, this is my Html5Viewer
@{
ViewData["Title"] = "Label";
}
<style>
#reportViewerLayout {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
overflow: hidden;
font-family: Verdana, Arial;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
$("#reportViewerLayout")
.telerik_ReportViewer({
// The URL of the service which will serve reports.
// The URL corresponds to the name of the controller class (ReportsController).
// For more information on how to configure the service please check http://www.telerik.com/help/reporting/telerik-reporting-rest-conception.html.
serviceUrl: "/api/reports",
// The URL for custom report viewer template. The template can be edited -
// new functionalities can be added and unneeded ones can be removed.
// For more information please check http://www.telerik.com/help/reporting/html5-report-viewer-templates.html.
// templateUrl: '/ReportViewer/templates/telerikReportViewerTemplate-16.1.22.511.html',
//ReportSource - report description
reportSource: {
// The report can be set to a report file name (trdx report definition)
// or CLR type name (report class definition).
report: 'Label.trdp',
parameters: {
}
},
// Specifies whether the viewer is in interactive or print preview mode.
// PRINT_PREVIEW - Displays the paginated report as if it is printed on paper. Interactivity is not enabled.
// INTERACTIVE - Displays the report in its original width and height without paging. Additionally interactivity is enabled.
viewMode: telerikReportViewer.ViewModes.INTERACTIVE,
// Sets the scale mode of the viewer.
// Three modes exist currently:
// FIT_PAGE - The whole report will fit on the page (will zoom in or out), regardless of its width and height.
// FIT_PAGE_WIDTH - The report will be zoomed in or out so that the width of the screen and the width of the report match.
// SPECIFIC - Uses the scale to zoom in and out the report.
scaleMode: telerikReportViewer.ScaleModes.SPECIFIC,
// Zoom in and out the report using the scale
// 1.0 is equal to 100%, i.e. the original size of the report
scale: 1.0,
enableAccessibility: false,
//If set to true shows the Send Mail Message toolbar button
sendEmail: { enabled: false },
});
});
</script>
1. I wonder why the values of telerik designer and viewer are different, and the values of viewer and print are different.
2. I want all the components in the attached picture to be in a specific location within the outermost frame, as I worked on the designer.
Please help me.
Best regards.
1 Answer, 1 is accepted
Hello Doyeong,
The design view in Reporting3.PNG indicates multiple warnings - see the yellow triangles at the report item corners. I suspect that there are overlapping that lead to the observed behavior. For example, some of the top items may push the bottom items down when rendering the report document. You need to remove these warnings to have the report layout as designed also in preview and print modes.
If the problem persists you may open a support ticket and send us the report definition for local investigation.
Regards,
Todor
Progress Telerik