Globalizing Dashboard
Our sample projects and report templates can help you learn the basics of working with our products.A dashboard can be globalized at run time — switching a language reloads the localization file and sets the report's culture.
In Angular.
How it works. Choosing a language reloads the localization and re-cultures the report, so the whole dashboard adapts to the locale.
In Angular.
@Component({
imports: [Viewer],
template: `
<select (change)="update($event.target)">
<option [value]="'en-US'">English</option>
<option [value]="'de-DE'">Deutsch</option>
</select>
<sti-viewer [report]="report" [options]="viewerOptions"></sti-viewer>`
})
export class Example {
report: Stimulsoft.Report.StiReport;
viewerOptions = new Stimulsoft.Viewer.StiViewerOptions();
update(e: any) {
var culture = e.value;
Stimulsoft.Base.Localization.StiLocalization.setLocalizationFile("Localizations/" + culture.substring(0, 2) + ".xml");
this.report = new Stimulsoft.Report.StiReport();
this.report.loadFile("Dashboards/Globalization.mrt");
this.report.culture = culture;
}
constructor() { this.update({ value: "en-US" }); }
}StiLocalization.setLocalizationFile(path)— load the UI language for the chosen culture.report.culture— set the data/format culture so numbers and dates format correctly.
How it works. Choosing a language reloads the localization and re-cultures the report, so the whole dashboard adapts to the locale.