Embedded
Schedule Free Demo
Try it Free
Search results
Suggest a FeaturePDF

Localization

Localization is the process of customizing the application for a given culture and locale - involving much more than the simple translation of text. In web report designer, localized strings appropriate to each culture are stored in separate files and loaded according to the UI culture setting.

Follow this steps to localize Bold Reports Designer version higher than v5.2.xx

By default report designer display strings in US English(en-US).

To render the static text with specific culture, refer the corresponding culture script files and set culture name to the locale property of the Report Designer.

  • ej.localetexts.fr-FR.min.js

Refer the ej.localetexts.fr-FR.min.js script from cdn using the following code in <head> tag of the Report Designer HTML page.

<script src="https://cdn.boldreports.com/6.1.34/scripts/v2.0/localization/l10n/ej.localetexts.fr-FR.min.js"></script>
<script src="https://cdn.boldreports.com/6.1.34/scripts/v2.0/localization/reportdesigner/ej.localetexts.fr-FR.min.js"></script>
<script src="https://cdn.boldreports.com/6.1.34/scripts/v2.0/localization/reportviewer/ej.localetexts.fr-FR.min.js"></script>
</script>

Whether you want to get the localization script as local then install the BoldReports.Global NuGet package in your application.

<script src="scripts/v2.0/localization/l10n/ej.localetexts.fr-FR.min.js"></script>
<script src="scripts/v2.0/localization/reportdesigner/ej.localetexts.fr-FR.min.js"></script>
<script src="scripts/v2.0/localization/reportviewer/ej.localetexts.fr-FR.min.js"></script>

You can edit and preview the Report Designer localization using the following.

index.html
index.js
    <body style="overflow: hidden; position: static; margin: 0; padding: 0; height: 100%; width: 100%;">
        <div id="designer" style="position: absolute; height: 100%; width: 100%;"></div>
        <script src="index.js"></script>
    </body>
    $(function () {
        $("#designer").boldReportDesigner({
         serviceUrl: "https://demos.boldreports.com/services/api/ReportingAPI",
         locale: "fr-FR"
        });
    });