This is a migrated thread and some comments may be shown as answers.

Parameters Area not visible in HTML5 ReportViewer

1 Answer 280 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Ujwal
Top achievements
Rank 1
Ujwal asked on 01 May 2020, 09:27 PM

I am trying to display a report from Telerik Report Server in my Asp.Net MVC application via the HTML5 ReportViewer.

I am using Stand-alone Report designer and creating parameters which are set to visible. The Parameter area is visible when i view on the Report Server. But when i view the report via HTML5 ReportViewer the parameter area is hidden. I have tried to alter CSS styling but no luck. It looks like the parameters do not exist in the ReportViewer page. 

Below is my jquery calling the ReportViewer

    <div id="reportViewer1" class="k-widget" style="height:100em;">
        loading...
    </div>

    <script type="text/javascript">
        $(document).ready(function () {
            debugger;
            var URL = '@System.Configuration.ConfigurationManager.AppSettings["ReportServerUrl"]';
            var param = @Html.Raw(Model.ReportParameters);
            var rptStr = '@Model.ReportCategory' + '/' + '@Model.ReportName';
            $("#reportViewer1").telerik_ReportViewer({
                reportServer: {
                    url: URL,
                    username: null,
                    password: null
                },
                reportSource: {
                    // The report value should contain the Category and ReportName in the following format
                    // {Category/ReportName}
                    report:rptStr,
                    parameters:param
                },
                parametersAreaVisible: true,
                printMode: telerikReportViewer.PrintModes.FORCE_PDF_FILE,
                     
               
            });
        })

          </script>

Also attached are the my designer view, HTML5 ReportViewer result and ReportServer View. Any pointers towards this would be helpful.

1 Answer, 1 is accepted

Sort by
0
Ujwal
Top achievements
Rank 1
answered on 04 May 2020, 04:01 PM

I found and fixed the issue The problem was with the telerikReportViewer-xx.x.xx.xxxx.min.js that i was including in the project. It did not match the version available at the ReportServer.location C:\Program Files (x86)\Progress\Telerik Reporting R3 2019\Html5\ReportViewer\js.

Once i updated the file, it fixed my issue.

Tags
General Discussions
Asked by
Ujwal
Top achievements
Rank 1
Answers by
Ujwal
Top achievements
Rank 1
Share this question
or