The dashboard viewer supports many themes, chosen through the options object from the StiViewerTheme enumeration.

In React.
import { Viewer, Stimulsoft } from "stimulsoft-dashboards-js-react/viewer";

function App() {
    var report = new Stimulsoft.Report.StiReport();
    report.loadFile("Dashboards/Dashboard.mrt");

    var options = new Stimulsoft.Viewer.StiViewerOptions();
    options.appearance.theme = Stimulsoft.Viewer.StiViewerTheme.Office2022WhiteViolet;
    options.appearance.fullScreenMode = true;

    return <Viewer options={options} report={report} />;
}

How it works. The theme is a viewer option, so one assignment reskins the entire preview.

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.