Customizing the Designer

Наши примеры проектов и шаблоны отчётов помогут Вам разобраться в основах работы с нашими продуктами.
Открыть на GitHub
Продукты ✖Dashboards.JS ✖Дизайнер ✖Настройка ✖
The designer's toolbar, file menu and the component palette are all configured through the options object.

In Angular.
import { Component } from "@angular/core";
import { Designer, Stimulsoft } from "stimulsoft-dashboards-js-angular/designer";

@Component({
    imports: [Designer],
    template: `<sti-designer [(report)]="report" [options]="options"></sti-designer>`
})
export class Example {
    report: Stimulsoft.Report.StiReport;
    options: Stimulsoft.Designer.StiDesignerOptions;

    constructor() {
        this.report = new Stimulsoft.Report.StiReport();
        this.report.loadFile("Dashboards/Dashboard.mrt");

        this.options = new Stimulsoft.Designer.StiDesignerOptions();
        this.options.appearance.theme = Stimulsoft.Designer.StiDesignerTheme.Office2022LightGrayTeal;
        this.options.appearance.fullScreenMode = true;
        this.options.toolbar.showPreviewButton = false;
        this.options.toolbar.showFileMenu = false;
        this.options.components.showImage = false;
        this.options.components.showShape = false;
        this.options.components.showPanel = false;
    }
}

How it works. Each option toggles one part of the designer, so users see only the tools you allow.
Открыть на GitHub Скачать