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 Vue.
How it works. Choosing a language reloads the localization and re-cultures the report, so the whole dashboard adapts to the locale.
In Vue.
<script setup lang="ts">
import { ref } from "vue";
import { Viewer, Stimulsoft } from "stimulsoft-dashboards-js-vuejs/viewer";
const report = ref<Stimulsoft.Report.StiReport>();
function update(culture: string) {
Stimulsoft.Base.Localization.StiLocalization.setLocalizationFile("Localizations/" + culture.substring(0, 2) + ".xml");
var r = new Stimulsoft.Report.StiReport();
r.loadFile("Dashboards/Globalization.mrt");
r.culture = culture;
report.value = r;
}
update("en-US");
</script>
<template>
<select @change="update(($event.target as HTMLSelectElement).value)">
<option value="en-US">English</option>
<option value="de-DE">Deutsch</option>
</select>
<Viewer :report="report" />
</template>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.