Modify default Document Map and Parameter Areas width in HTML5 Report Viewer

Environment

Product Version	13.0.19.116 and above
Product	Progress® Telerik® Reporting
Report Viewer	All Html5 Report Viewers

Description

Sometimes it may be necessary to increase/decrease the default width of the Document Map and Parameters Area inside the report viewer on initial load.

In the Telerik HTML5 Report Viewer, we have added a Kendo Splitter to control the sizes of the viewer's areas. This enables the end-user to resize them using the pointing device. By default, Document Map and Parameter areas have a width of 210px. This default value is not configurable in our HTML5 Report Viewers. As the Telerik Report Viewer uses Kendo UI widgets, the user could change the UI as desired through the corresponding Kendo widget settings and options.

Solution

To modify the Document Map or Parameter area width you may include the following code in the renderingEnd or pageReady event of the viewer:

Solution for Document Map

renderingEnd: function () {
    var splitter = $("#reportViewerId").find(".trv-document-map-splitter").data("kendoSplitter");
    splitter.options.panes[0].size = "350px";
    splitter.resize(true);
}

Solution for Parameter Area

renderingEnd: function () {
    var splitter = $("#reportViewerId").find(".k-splitter").data("kendoSplitter");
    splitter.options.panes[1].size = "350px";
    splitter.resize(true);
}