Customizing the Designer
Our sample projects and report templates can help you learn the basics of working with our products.Embed the report designer in Angular, load a template, and connect its editing and save actions.
Designer setup. Configure the designer, load the report template, process its callbacks, and connect the save action to the application.
Designer setup. Configure the designer, load the report template, process its callbacks, and connect the save action to the application.
@Component({
selector: "customizing-the-designer",
imports: [Designer],
template: `<sti-designer [report]="report" [options]="designerOptions"></sti-designer>`
})
export class CustomizingTheDesigner {
report = new Stimulsoft.Report.StiReport();
designerOptions = new Stimulsoft.Designer.StiDesignerOptions();
constructor() {
this.report.loadFile("Reports/SimpleList.mrt");
this.designerOptions.toolbar.showPreviewButton = false;
this.designerOptions.components.showImage = false;
this.designerOptions.components.showSubReport = false;
}
}toolbar and components option groups control which menus and toolbox items appear, so you can tailor the designer to your users.