Changing the Designer Theme

Наши примеры проектов и шаблоны отчётов помогут Вам разобраться в основах работы с нашими продуктами.
Открыть на GitHub
Продукты ✖Reports.JS ✖Дизайнер ✖Настройка ✖
The report designer is available as a component too, and it also supports themes. This example applies a theme to the designer.

Designer setup. Configure the designer, load the report template, process its callbacks, and connect the save action to the application.
@Component({
    selector: "changing-the-designer-theme",
    imports: [Designer],
    template: `<sti-designer [report]="report" [options]="designerOptions"></sti-designer>`
})
export class ChangingTheDesignerTheme {
    report = new Stimulsoft.Report.StiReport();
    designerOptions = new Stimulsoft.Designer.StiDesignerOptions();
    constructor() {
        this.report.loadFile("Reports/SimpleList.mrt");
        this.designerOptions.appearance.theme = Stimulsoft.Designer.StiDesignerTheme.Office2022WhiteViolet;
        this.designerOptions.appearance.fullScreenMode = true;
    }
}
The designer component mirrors the viewer's API: it takes a report and a StiDesignerOptions object whose appearance.theme (from StiDesignerTheme) sets the interface style.
Открыть на GitHub Скачать