Hi,
I am trying to use HTML5 report viewer. But I get this error in java script "Object doesn't support property or method 'igReportViewer'" at this line $("#viewer").igReportViewerKindly tell me how to fix this issue. following is my code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <script src="Scripts/modernizr.min.js" type="text/javascript"></script> <link href="Styles/CSS/structure/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script src="Scripts/jquery-ui.min.js" type="text/javascript"></script> <script src="Scripts/js/infragistics.loader.js" type="text/javascript"></script> <title>test</title> </head> <body> <!-- Report Viewer Loader --> <script type="text/javascript"> var serviceEndpoint = "Services/ReportService.svc/ajaxAddress/"; $.ig.loader({ cssPath: 'Styles', scriptPath: 'Scripts', resources: 'igReportViewer', ready: function () { $(function () { $("#viewer").igReportViewer({ renderSettings: { definitionUri: "ReportLibrary;component/testReport.igr", erviceEndpointUri: "Services/ReportService.svc/ajaxAddress/" }, width: 720, height: 520, pageFit: 'fitToWidth' }); }); } }); </script> <div id="viewer" > loading . . . </div> </body></html>
Hello Ahmad,
It seems the required resources are not loaded property. I suggest you check if all of the scripts required are referenced correctly and if the names and locations are matching. Please let me know how this suggestion works for you!
Problem was css and script path which i mentioned in html file was okay, but these files have dependent scripts files and they were in different folder. checked in google chrome JS console and found problem files path.
Issue fixed