Preview Reports | ActiveReports 18 .NET Edition

Preview Reports

In This Topic

You need to configure JS Viewer for preview since preview is part of JS Viewer and not WebDesigner. See JS Viewer Applications for more details.

It is suggested to use our JS Viewer in SVG mode; although this makes previewing slower, you see almost WYSIWYG preview. To configure JS Viewer for preview, use the following code.

	Copy Code
var viewer = null; GrapeCity.ActiveReports.Designer.create('#ar-web-designer', { preview: { openViewer: (options) => { if (viewer) { viewer.openReport(options.documentInfo.id); return; } viewer = GrapeCity.ActiveReports.JSViewer.create({ element: '#' + options.element, renderFormat: 'svg', reportService: { url: 'api/reporting', }, reportID: options.documentInfo.id, settings: { zoomType: 'FitPage' } }); } } });

Copy Code

var viewer = null;
GrapeCity.ActiveReports.Designer.create('#ar-web-designer', {           
    preview: {
                openViewer: (options) => {
                    if (viewer) {
                        viewer.openReport(options.documentInfo.id);
                        return;
                    }
                    viewer = GrapeCity.ActiveReports.JSViewer.create({
                        element: '#' + options.element,
                        renderFormat: 'svg',
                        reportService: {
                            url: 'api/reporting',
                        },
                        reportID: options.documentInfo.id,
                        settings: {
                            zoomType: 'FitPage'
                        }
                    });
                }
            }
       });