or

I am using the following code to dynamically set the report source for the HTML5 / MVC viewer. Unfortunately although I can change the current report using the dropdownlist - when the report loads the parameter area stays disabled, do I cannot modify the report parameters from their defaults. Seems to be a CSS issue - how can I fix?
Regards
Ian
@model CLOCS.Models.ReportsViewModel@{ ViewBag.Title = "Reporting";}<h2>Reports</h2>@*<div class="form-group">*@ @Html.LabelFor(model => model.SelectedReportName, htmlAttributes: new { @class = "control-label col-md-2" }) <div class="col-md-10"> @Html.Kendo().DropDownListFor(m => m.SelectedReportName).Name("reportDropDown").BindTo(Model.ReportClassNamesList).OptionLabel("Select Report") @Html.ValidationMessageFor(model => model.SelectedReportName, "", new { @class = "text-danger" }) </div>@*</div>*@@section styles{ <link href="ReportViewer/styles/ReportViewer-8.0.14.225.css" rel="stylesheet" /><link href="/kendo/styles/kendo.common.min.css" rel="stylesheet" /><link href="/kendo/styles/kendo.blueopal.min.css" rel="stylesheet" /><link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet"> <style> #reportViewer1 { position: absolute; left: 5px; right: 5px; top: 180px; bottom: 5px; overflow: hidden; } </style>}@section scripts{ <script> $(document).ready(function () { $("#reportDropDown").change(function () { var value = $(this).val(); if (value && value != "") { var viewer = $("#reportViewer1").data("telerik_ReportViewer"); viewer.reportSource({ report: "CLOCS.Reporting." + value + ", CLOCS.Reporting" } ); viewer.refreshReport(); } }); }); </script> <script src="ReportViewer/js/ReportViewer-8.0.14.225.js"></script>}@(Html.TelerikReporting().ReportViewer() .Id("reportViewer1") .ServiceUrl("/api/telerikreports/") .TemplateUrl("/ReportViewer/templates/telerikReportViewerTemplate.html") .ReportSource(new TypeReportSource() { TypeName = "CLOCS.Reporting." + Model.SelectedReportName + ", CLOCS.Reporting" }) .ViewMode(ViewModes.INTERACTIVE) .ScaleMode(ScaleModes.SPECIFIC) .Scale(1.0) .PersistSession(false))<div id="files-format-chart" style="width:1120px;line-height:30px;cursor: pointer;"></div>$("#files-format-chart").kendoSparkline({ type: "bar", chartArea: { opacity: 0, margin: 0 }, plotArea: { opacity: 0, margin: 0 }, series: /*array of series*/, valueAxis: { max: /*max value of series data to avoid space*/ }});<li> <div id="meterImageGallery" data-role="scrollview" class="km-widget km-scrollview"><div style="height: 1px; -webkit-transform-origin: 0% 0%;"><div class="km-virtual-page" style="width: 326px; -webkit-transform: translate3d(-326px, 0px, 0px);"></div><div class="km-virtual-page" style="width: 326px; -webkit-transform: translate3d(0px, 0px, 0px);"><img class="meter-image" src="../ViewerService.svc/GetObjectImageById?id=485"></div><div class="km-virtual-page" style="width: 326px; -webkit-transform: translate3d(326px, 0px, 0px);"><img class="meter-image" src="../ViewerService.svc/GetObjectImageById?id=1067"></div></div><ol class="km-pages"><li class="km-current-page"></li><li></li><li></li></ol></div> </li>var kScheduler = new kendo.ui.Scheduler($("#scheduler"), { dataSource: dsScheduler, editable: { template: kendo.template($("#schedulerTemplate").html()) }});<script type="text/x-kendo-template" id="schedulerTemplate"> <label>Beginn:</label> <input name="start" type="text" required data-type="date" data-role="datetimepicker" data-bind="value: start,invisible: isAllDay" /> <input name="start" type="text" required data-type="date" data-role="datepicker" data-bind="value: start,visible: isAllDay" /> <br /> <label>Ende:</label> <input name="end" type="text" required data-type="date" data-role="datetimepicker" data-bind="value: end ,invisible:isAllDay" /> <input name="end" type="text" required data-type="date" data-role="datepicker" data-bind="value: end ,visible:isAllDay" /> <br /> <label>Titel:</label> <input name="title" type="text" required data-type="string" data-bind="value: title" /> <br /> <label>Beschreibung:</label> <textarea name="description" data-type="string" data-bind="value: description" /> <br /> <input id="combobox_AppointmentOwner" name="appointmentOwner" /> <br /> <label>Ganztägig</label> <input type="checkbox" name="isAllDay" data-type="boolean" data-bind="checked:isAllDay"> <br /> <label>Öffentlich</label> <input type="checkbox" name="PublicEvent" data-type="boolean" data-bind="checked:PublicEvent"> <br /></script> function gridJobRequestEnd(e) {<br> if (e.type == "update" && e.response.Data != null) {<br> var gridJob = $("#gridJob").data("kendoGrid");<br> var job = gridJob.dataSource.get(e.response.Data[0].JobKey);<br> var tr = $("[data-uid='" + job.uid + "']", gridJob.tbody);<br> gridJob.select(tr);<br> }<br> }