Dashboards.JS includes the full dashboard designer in the browser. This example opens the designer with a dashboard loaded for editing.

Designer setup. Configure the designer, load the dashboard 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 = Stimulsoft.Report.StiReport.createNewDashboard();
report.loadFile("../dashboard/Christmas.mrt");
designer.report = report;
designer.renderHtml();
The designer is created with options and drawn into the page; assigning a dashboard to designer.report opens it for editing. The full designer — elements, data, styling — runs 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.