(Showing Draft Content)


ActiveReportsJS Localization module

ActiveReportsJS provides the localization module that includes translations of the Report Designer UI text to Japanese(ja) and Chinese(zh) languages. This module is available in the dist\locales folder of the download package In addition, the localization module is distributed within @grapecity/activereports-localization package

Importing ActiveReportsJS Localization module

In Pure JavaScript applications the localization module scripts can be referenced with script tag, for example:

<script type="text/javascript" src="scripts/locales/designer/ja-locale.js"></script>
<script type="text/javascript" src="scripts/locales/designer/zh-locale.js"></script>

Angular, React, or Vue applications can import the localization scripts from the @grapecity/activereports-localization package, for example:

import "@grapecity/activereports-localization/dist/designer/ja-locale";
import "@grapecity/activereports-localization/dist/designer/zh-locale";

Setting Report Designer UI language

The Angular, Vue, and React report designer components have the language property to set the UI language. In a pure JS application, the Designer constructor accepts options as the second parameter, the UI language can be set with these options, for example:

var designer = new Designer("#designer-host", { language: "ja" });

Check Integration page for more information on integrating the ActiveReportsJS Report Designer component in various applications.

Visit the Live Demo for the complete samples for pure JavaScript, Angular, Vue, and React applications.