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
Starting in 2019, the Reporting control is no longer included in Essential Studio. If you're experiencing issues with the Syncfusion Reporting Platform, Report Viewer, Report Designer, or Report Writer, we recommend migrating to Bold Reports, our dedicated reporting platform.

Bold Reports offers a comprehensive suite of tools and features for all your reporting needs, and we will help you make a smooth transition from the discontinued control. Our support team at https://support.boldreports.com/ is here to assist you with any questions or difficulties you may encounter during the migration process.

We thank you for choosing Syncfusion and appreciate your understanding.

Not Display report preview control (ej-reportviewer) by angular

I got some problem to display simple report, this report without data. can not show in ej-ReportViewer. (I redirect to show it when missing rdl file)
(rdl Create By SQL DataTools but want to use in web without ReportServer , It work properly on your ASP.NET MVC Report Viewers Control both blank, and have data report)

please advise

div class="row control" id="reportviewer" ej-reportviewer=ej-reportviewer e-reportserviceurl="samplevalue" e-reportpath="path" e-processingmode="ej.ReportViewer.ProcessingMode.Local" e-datasources="ds"></div> <style type="text/css">     .control {         padding-left10px;         min-height680px !important;     } </style>

in Js file in same controller
$scope.samplevalue = [];  $scope.path = '/App_Data/Reports/SM/Blank.rdl';             $scope.ds = [{     value: [ ],     name: "AdventureWorksXMLDataSet" }];

Attachment: Blank_a2349521.zip

1 Reply

MJ Mariya Joseph M Syncfusion Team November 11, 2014 02:46 PM UTC

Hi KrittiKorn,

Thanks for the update.

It seems the virtual path which you have set for report path doesn’t contain the root operator (the tilde [~]) and the reportServiceUrl is not a valid one. We suggest you to add the root operator(~) to your report virtual path and give your WebApi service url to reportServiceUrl. Please refer the below code snippet for more details.


<div id="container" ej-reportviewer=ej-reportviewer e-reportserviceurl="samplevalue" e-reportpath="path" e-processingmode="mode"></div>

In js file:

<script type="text/javascript">

        angular.module('syncApp', ['ejangular']).controller('angularReportViewer', function ($scope) {

            $scope.samplevalue = '/api/RDLReport';

            $scope.path = '~/App_Data/Untitled.rdl';




We have a created a demo sample for your requirement and the same can be downloaded from the below.



Here is our online UG and API documentation. Please refer it for more details.




Please let us know, if you have any other concerns.



Mariya Joseph M.

Live Chat Icon For mobile
Up arrow icon