ActiveReports 18 .NET Edition
Developers / Create Applications / WebDesigner Application / Preview Reports
In This Topic
    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'
                        }
                    });
                }
            }
       });