Reports.JS includes a full report designer that runs in the browser. This example opens the designer with a template loaded for editing.

Designer setup. Configure the designer, load the report template, process its callbacks, and connect the save action to the application.
var options = new Stimulsoft.Designer.StiDesignerOptions();
options.appearance.fullScreenMode = true;

var designer = new Stimulsoft.Designer.StiDesigner(options, "StiDesigner", false);

var report = new Stimulsoft.Report.StiReport();
report.loadFile("../reports/SimpleList.mrt");

designer.report = report;
designer.renderHtml();
A StiDesigner is created with options and drawn into the page with renderHtml(); assigning designer.report loads a template into it. The full designer — toolbox, dictionary, property panels — then runs entirely client-side.

By using this website, you agree to the use of cookies for analytics and personalized content. Cookies store useful information on your computer to help us improve efficiency and usability. For more information, please read the privacy policy and cookie policy.