Changing the Viewer Theme

Наши примеры проектов и шаблоны отчётов помогут Вам разобраться в основах работы с нашими продуктами.
Открыть на GitHub
Продукты ✖Reports.JS ✖Вьювер ✖Настройка ✖
Set up the report viewer in Angular, 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.
@Component({
    selector: "changing-the-viewer-theme",
    imports: [Viewer],
    template: `<sti-viewer [report]="report" [options]="viewerOptions"></sti-viewer>`
})
export class ChangingTheViewerTheme {
    report = new Stimulsoft.Report.StiReport();
    viewerOptions = new Stimulsoft.Viewer.StiViewerOptions();
    constructor() {
        this.report.loadFile("Reports/SimpleList.mrt");
        this.viewerOptions.appearance.theme = Stimulsoft.Viewer.StiViewerTheme.Office2022WhiteViolet;
        this.viewerOptions.appearance.fullScreenMode = true;
    }
}
The theme comes from the StiViewerTheme enumeration; dozens of light and dark variants are available to match your application.
Открыть на GitHub Скачать