Changing the Viewer Theme
Our sample projects and report templates can help you learn the basics of working with our products.Set up the report viewer in JavaScript, load a template, and connect the component to the application.
Viewer setup. Configure the viewer, load the report, assign it to the component, and process the requests or events raised by the UI.
Viewer setup. Configure the viewer, load the report, assign it to the component, and process the requests or events raised by the UI.
var options = new Stimulsoft.Viewer.StiViewerOptions();
options.appearance.theme = Stimulsoft.Viewer.StiViewerTheme.Office2022WhiteBlue;
var viewer = new Stimulsoft.Viewer.StiViewer(options, undefined, false);
function setTheme(theme) {
viewer.setTheme(theme);
}options.appearance.theme (a value of StiViewerTheme), and viewer.setTheme(...) changes it on the fly, letting users choose a light or dark look that fits your application.