Changing the Viewer Theme
Our sample projects and report templates can help you learn the basics of working with our products.The dashboard viewer supports many themes, chosen through the options object from the
In React.
How it works. The theme is a viewer option, so one assignment reskins the entire preview.
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} />;
}options.appearance.theme— one of theStiViewerThemepresets that restyles the whole viewer UI.- The options object is passed to the
Viewercomponent together with the report.
How it works. The theme is a viewer option, so one assignment reskins the entire preview.