AUTHOR: Atanas Keranov
DATE POSTED: June 29, 2017
Article information
Applicable to
Telerik Reporting R2 2017 SP1 IB (v.11.1.17.627) or later
#reportViewer
1
{
position
:
absolute
;
left
5px
right
top
40px
bottom
overflow
hidden
clear
both
}
.trv-report-viewer div.trv-content-wrapper,
.trv-pages-area,
.trv-pages-area .trv-page-container {
static
!important
.trv-pages-area .trv-error-pane {
float
none
z-index
0
.trv-page-wrapper {
/* Uncomment to add initial minimum height to the viewer */
/* min-height: 200px; */
.trv-side-menu {
-14em
$(document).ready(
function
() {
$(
"#reportViewer1"
)
.telerik_ReportViewer({
serviceUrl:
"api/reports/"
,
reportSource: {
report:
"Telerik.Reporting.Examples.CSharp.ReportCatalog, CSharp.ReportLibrary"
},
// Set the pages area margins to achieve responsive size when toggling the Document Map and Parameters Area on/off.
updateUi:
(e) {
var
rv = e.data.sender;
updatePagesAreaMargin(rv.commands.toggleDocumentMap.checked(),
"margin-left"
);
updatePagesAreaMargin(rv.commands.toggleParametersArea.checked(),
"margin-right"
});
updatePagesAreaMargin(condition, marginType) {
if
(condition) {
".trv-pages-area"
).css(marginType,
"15em"
else
"0em"
Browser support: Google Chrome 58+, Mozilla Firefox 47+, Microsoft Edge.
Resources Buy Try