Localization

To localize the Bold Reports® ASP.NET Web Forms Report Designer, refer the culture script files for your culture and set the culture name to the locale property. Localization is the process of customizing the application for a given culture and locale, which involves much more than the simple translation of text. In the Report Designer, localized strings appropriate to each culture are stored in separate files and loaded according to the UI culture setting.

Follow these steps to localize the Bold Reports® Designer version higher than v5.2.xx.

By default, the Report Designer displays strings in US English (en-US).

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

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

  1. Install BoldReports.Global Nuget package in your ASP.NET application.

  2. Refer to the ej.localetexts.fr-FR.min.js script file from the Scripts folder of your application.

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

  3. To render the localization Report Designer, use the following code snippet:

    • The following code example illustrates how to set the locale property for Report Designer in the index page.

          <div style="height: 650px;width: 950px">
        <Bold:ReportDesigner runat="server" ID="designer" ServiceUrl="https://demos.boldreports.com/services/api/ReportingAPI" Locale="fr-FR">
        </Bold:ReportDesigner>
    </div>

    • The following code example illustrates how to add Report Designer localization scripts in the Default.aspx page.

      <asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
<link href="Content/bold-reports/v2.0/tailwind-light/bold.report-designer.min.css" rel="stylesheet" />
<link href="Scripts/CodeMirror/lib/codemirror.css" rel="stylesheet" />
<link href="Scripts/CodeMirror/addon/hint/show-hint.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<script src="Scripts/CodeMirror/lib/codemirror.js"></script>
<script src="Scripts/CodeMirror/addon/hint/show-hint.js"></script>
<script src="Scripts/CodeMirror/addon/hint/sql-hint.js"></script>
<script src="Scripts/CodeMirror/mode/sql/sql.js"></script>
<script src="Scripts/CodeMirror/mode/vb/vb.js"></script>

<!-- Report Designer component dependent scripts -->
 <script src="Scripts/bold-reports/v2.0/common/bold.reports.common.min.js"></script>
 <script src="Scripts/bold-reports/v2.0/common/bold.reports.widgets.min.js"></script>

<!-- Report Viewer component script-->
<script src="Scripts/bold-reports/v2.0/bold.report-viewer.min.js"></script>
<script src="Scripts/bold-reports/v2.0/bold.report-designer.min.js"></script>
<script src="Scripts/bold-reports/v2.0/localization/l10n/ej.localetexts.fr-FR.min.js"></script>
<script src="Scripts/bold-reports/v2.0/localization/reportdesigner/ej.localetexts.fr-FR.min.js"></script>
<script src="Scripts/bold-reports/v2.0/localization/reportviewer/ej.localetexts.fr-FR.min.js"></script>

<div style="height: 650px;width: 950px">
    <Bold:ReportDesigner runat="server" ID="designer" ServiceUrl="https://demos.boldreports.com/services/api/ReportingAPI" Locale="fr-FR">
    </Bold:ReportDesigner>
</div>
</asp:Content>

See also