We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Report Designer does not render properly in MVC

I've followed this guide: https://reports.syncfusion.com/documentation/aspnet-mvc/report-designer/add-web-report-designer-to-an-asp-net-mvc-application/ to get a report designer setup on my site; however, when I navigate to the page it doesn't render properly.  I've went over everything and I do not see why it would be rendering like it is. 


My view is just this: 

@{
    ViewBag.Title = "ReportDesigner";
}

@(
        Html.SF().ReportDesigner("designer").ServiceUrl(Url.Content("~/api/ReportDesigner"))
 )

and I have my _Layout.cshtml setup like so: 

in the <head></head> and 

at the end of the <body></body>

I did notice in the guide it said to reference 1.7.2 jquery in the api, but when I look in the Scripts folder it only has 1.10.2 so I updated that part of the API to pull 1.10.2

1 Reply

VS Vinoth Srinivasan Syncfusion Team September 27, 2019 05:31 AM

Hi James, 

Thanks for your interest in Syncfusion products. 

We have validated the reported problem and this problem occur when we missed to specify the height and width for the div element in which ReportDesigner has been specified. We have prepared a simple sample for your reference and it can be downloaded from the below location. 

<div style="height: 600px;width: 100%;"> 
@(Html.SF().ReportDesigner("designer").ServiceUrl(Url.Content("~/api/ReportingAPI"))) 
</div> 
 


If still face any issue, then modify the above sample to reproduce the issue at our end. It will be helpful for us to provide the solution at the earliest. 

Regards, 
Vinoth S. 


Loader.
Live Chat Icon For mobile
Up arrow icon