Localization of Bold Reports® ASP.NET Core Report Viewer

To localize the Bold Reports® ASP.NET Core Report Viewer, refer to the following corresponding culture script files and set the culture name to the locale property of the Report Viewer. Localization renders static text such as tooltips, the parameter block, and dialog text in a specific culture.

* `ej.localetexts.fr-FR.min.js`

Refer to the CDN links for Localization and Culture to get the Localization and Culture scripts for the available culture codes.

  1. Refer to the ej.localetexts.fr-FR.min.js script file from the CDN link using the following code:

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

  2. To render the localized Report Viewer, use the following code snippet:

    • The following code example illustrates how to localize the Report Viewer in the index page.
        <bold-report-viewer id="viewer" report-service-url="/api/ReportViewer" locale="fr-FR"></bold-report-viewer>
    • The following code example illustrates how to localize the Report Viewer in the layout page.
        <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Render Report Viewer in French localization</title>
        <link href="https://cdn.boldreports.com/15.1.10/content/v2.0/tailwind-light/bold.report-viewer.min.css" rel="stylesheet" />
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
        <script src="https://cdn.boldreports.com/15.1.10/scripts/v2.0/common/bold.reports.common.min.js"></script>
        <script src="https://cdn.boldreports.com/15.1.10/scripts/v2.0/common/bold.reports.widgets.min.js"></script>
        <script src="https://cdn.boldreports.com/15.1.10/scripts/v2.0/bold.report-viewer.min.js"></script>
        <script src="https://cdn.boldreports.com/15.1.10/scripts/v2.0/localization/l10n/ej.localetexts.fr-FR.min.js"></script>
    </head>
    <body style="height:100%;width:100%;padding:0;">
        <div class="container body-content" style="height:100%;width:100%;">
            @RenderBody()
        </div>
        @RenderSection("scripts", required: false)
    </body>
    </html>