Changing the Designer Theme
Our sample projects and report templates can help you learn the basics of working with our products.The dashboard designer supports many themes, chosen through the options object from the
In React.
How it works. The theme is a designer option, so one assignment reskins the entire editor.
StiDesignerTheme enumeration.In React.
import { Designer, Stimulsoft } from "stimulsoft-dashboards-js-react/designer";
function App() {
var report = new Stimulsoft.Report.StiReport();
report.loadFile("Dashboards/Dashboard.mrt");
var options = new Stimulsoft.Designer.StiDesignerOptions();
options.appearance.theme = Stimulsoft.Designer.StiDesignerTheme.Office2022WhiteViolet;
options.appearance.fullScreenMode = true;
return <Designer options={options} report={report} />;
}options.appearance.theme— one of theStiDesignerThemepresets that restyles the whole designer UI.
How it works. The theme is a designer option, so one assignment reskins the entire editor.