Localizing the Designer

Our sample projects and report templates can help you learn the basics of working with our products.
View on GitHub
Products ✖Reports.JS ✖Localization ✖Designer ✖
The designer can offer several interface languages and pick a default. This example adds localization files to the menu with different load options.

Designer setup. Configure the designer, load the report template, process its callbacks, and connect the save action to the application.
@Component({
    selector: "localization-the-designer",
    imports: [Designer],
    template: `<sti-designer [(report)]="report"  [options]="designerOptions"></sti-designer>`
})

export class LocalizingTheDesigner {
    report: Stimulsoft.Report.StiReport;
    designerOptions: Stimulsoft.Designer.StiDesignerOptions;

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

        this.designerOptions = new Stimulsoft.Designer.StiDesignerOptions();
        this.designerOptions.appearance.fullScreenMode = true;

        Stimulsoft.Base.Localization.StiLocalization.addLocalizationFile("Localizations/de.xml");

        // Add a localization file to the menu and use a custom label. Note that the file will not load until it is chosen
        Stimulsoft.Base.Localization.StiLocalization.addLocalizationFile("Localizations/ja.xml", false, "MyLabel");

        // Add a localization file to the menu and load the file when the designer is started
        Stimulsoft.Base.Localization.StiLocalization.addLocalizationFile("Localizations/ko.xml", true);

        // Add a localization file and set it as the default. The default file will be loaded before the designer starts
        Stimulsoft.Base.Localization.StiLocalization.addLocalizationFile("Localizations/pt.xml", true);
        Stimulsoft.Base.Localization.StiLocalization.cultureName = 'Portuguese';
    }
}

StiLocalization.addLocalizationFile registers each language; its flags control whether the file loads immediately or only when chosen, and cultureName selects the default language shown when the designer starts.
View on GitHub Download
By using this website, you agree to the use of cookies for analytics and personalized content. Cookies store useful information on your computer to help us improve efficiency and usability. For more information, please read the privacy policy and cookie policy.
I agree