Localization of Bold Reports® ASP.NET Core Report Viewer

Localization of ASP.NET Core Report Viewer allows you to localize the static text such as tooltip, parameter block, and dialog text based on a specific culture. To render the static text with specific culture, refer to the following corresponding culture script files and set culture name to the locale property of the Report Viewer.

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

Refer this CDN links for Localization and Culture to get the Localization and Culture scripts for available Culture Code.

  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/13.1.26/scripts/v2.0/localization/l10n/ej.localetexts.fr-FR.min.js"></script>

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

    • The following code example illustrates how to localize 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 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/13.1.26/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/13.1.26/scripts/v2.0/common/bold.reports.common.min.js"></script>
        <script src="https://cdn.boldreports.com/13.1.26/scripts/v2.0/common/bold.reports.widgets.min.js"></script>
        <script src="https://cdn.boldreports.com/13.1.26/scripts/v2.0/bold.report-viewer.min.js"></script>
        <script src="https://cdn.boldreports.com/13.1.26/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>