

For more information, review the following help topic: Server-Side Libraries Version. You can enable Development Mode to check for library version mismatch on every request to the server. The version of the DevExpress scripts (npm packages) should match the version of the server-side libraries (NuGet packages).For the backend application it means that the Reports folder contains the reportName.repx file or the ReportsFactory.Reports dictionary contains the reportName entry (if backend application originated from the DevExpress template). The Angular component’s reportName value matches an existing report.Review the following help topic for more information: Configure the Application. The Angular application’s URI satisfies the CORS policy specified in your backend application.Review the following help topic for more information: Determine the Host URL. The backend application runs on the port specified in the host setting of the Report Designer component in your Angular project.The backend application is up and running.DXXRD/GetDesignerModel path, if you use the ASP.NET MVC backend, specify the /ReportDesigner/GetReportDesignerModel path. They then if required should be able to export that report to excel/pdf, the export should be in the order of the column as seen on the screen. If you use the ASP.NET Core backend, specify the Can we create tabular reports in Crystal where users have an ability to change the column order and also save their preferred layout. The specified controller action path matches the back-end application type.If the page does not display the Report Designer, press F12 to invoke DevTools and inspect the console messages. Use development mode for detailed information. The page is blank because the Report Designer failed to load the report. The following error message is displayed at the bottom of the page: When you start the application, you may encounter the following problems: Page is blank
CRYSTAL REPORTS TABULAR LAYOUT HOW TO
View Example: How to Integrate Web Report Designer in Angular App Troubleshootingįor recent Angular versions (13 and later) you may have to compile the Angular project with the skipLibCheck option set to true, and increase the initial budget setting in the angular.json file up to 5mb to avoid compilation errors. Switch to the client root folder ( angular-report-designer) and run the command to launch the server and rebuild the application: ng serve Review the following help topic section for more information: Determine the Host URL. Determine the backend application URL and change the host setting in the file, if necessary. repx file in the Reports folder of the backend application. Make sure that the reportName setting in the file matches the. getDesignerModelAction = "/ReportDesigner/GetReportDesignerModel" GetDesignerModelAction = "/DXXRD/GetDesignerModel"
CRYSTAL REPORTS TABULAR LAYOUT INSTALL
Refer to the Angular documentation for information on the application structure.Ĭhange your current directory to the project root folder and install the following packages: This command creates the angular-report-designer folder that contains a new Angular application. Navigate to that folder and run the following command: ng new angular-report-designer -strict=false npm install -g a folder to store all the files related to the client-side functionality. Open the command prompt and install the Angular CLI (command line interface tool) globally. Check whether the latest version of npm is installed. Install Node.js and npm if they do not exist on your machine. Perform the following steps to create and configure an Angular client-side application: Create New Application Report Designer Server-Side Configuration (ASP.NET Core).Report Designer Server-Side Configuration (ASP.NET MVC).Perform the steps described in one of the following topics to create a backend application: For more information, refer to the following help topic: Use Visual Studio Templates to Create an Angular Application with a Report Designer. More that one million users worldwide are using the Crystal Reports.You can use the DevExpress Angular SPA template to create an Angular Reporting application.

rpt extension is known as Crystal Reports File.
