Customizing the Viewer
Our sample projects and report templates can help you learn the basics of working with our products.Set up the dashboard viewer in JavaScript, load a template, and connect the component to the application.
Viewer setup. Configure the viewer, load the dashboard, assign it to the component, and process the requests or events raised by the UI.
In the screenshot below you can see the result of the sample code:
Viewer setup. Configure the viewer, load the dashboard, assign it to the component, and process the requests or events raised by the UI.
var options = new Stimulsoft.Viewer.StiViewerOptions();
options.toolbar.zoom = 50;
options.toolbar.showFullScreenButton = false;
options.toolbar.showOpenButton = false;
options.width = "1000px";
options.height = "500px";
var viewer = new Stimulsoft.Viewer.StiViewer(options, "StiViewer", false);
var report = Stimulsoft.Report.StiReport.createNewDashboard();
report.loadFile("../dashboard/Christmas.mrt");
viewer.report = report;toolbar and appearance options control which buttons appear, the zoom, and the overall size — from a full-featured viewer to a minimal, embedded dashboard.In the screenshot below you can see the result of the sample code: