How to localize Syncfusion PHP ReportViewer

2 mins read
Syncfusion JQuery ReportViewer default toolbar shows the tooltip text with common language in en-US culture. It supports to customize and localize the texts, tooltip of the user interface (UI) elements. You can create a ReportViewer sample in PHP by referring the Getting Started documentation.
The following code snippet represents the localized tooltip text of few report viewer toolbar elements in Japanese language to display regional data.
<body style="overflow: hidden; position: static; margin: 0; padding: 0; height: 100%; width: 100%;"> 
<div class="custom-select">
Culture :
<select id="culture" onchange="onChange()">
  <option value="en-US">en-US</option>
  <option value="ja-JP">ja-JP</option>
</select> 
</div>
</br>
</br>
<?php
require_once 'EJ/AutoLoad.php';
?>
<?php
 $reportviewer = new EJ\ReportViewer('reportViewer');  
        echo $reportviewer->reportServiceUrl("http://localhost:62610/api/ReportApi" )
  ->processingMode("Remote")
  ->reportPath("~/App_Data/GroupingAgg.rdl")
  ->locale("en-US")
  ->render();
?>
 <script type="text/javascript">
 function onChange() {
     var x = document.getElementById("culture").value;
                var reportObject = $("#reportViewer").data("ejReportViewer");
                reportObject.setModel({ locale: x });
    }
    $(function () {
   ej.ReportViewer.Locale["ja-JP"] = {
                toolbar: {
                print: {
                    headerText: '印刷',
                    contentText: '印刷'
                },
                exportformat: {
                    headerText: '輸出',
                    contentText: 'エクスポートされたファイル形式を選択します。',
                    Pdf: 'PDF',
                    Excel: 'エクセル',
                    Word: '単語',
                    Html: 'Html',
                    CSV: 'CSV',
                    PPT: 'PPT'
                },
                first: {
                    headerText: '最初の',
                    contentText: 'レポートの最初のページに移動します。'
                },
                previous: {
                    headerText: '前の',
                    contentText: 'レポートの前のページに移動します。'
                },
                next: {
                    headerText: '次の',
                    contentText: 'レポートの次のページに移動します。'
                },
                last: {
                    headerText: '最後の',
                    contentText: 'レポートの最後のページに移動します。'
                },
                documentMap: {
                    headerText: 'ドキュメントマップ',
                    contentText: '表示または見出しマップを非表示にする。'
                },
                parameter: {
                    headerText: 'パラメーター',
                    contentText: '表示またはパラメータペインを非表示にします。'
                },
                zoomIn: {
                    headerText: 'ズーム•イン',
                    contentText: 'レポートに拡大します。'
                },
                zoomOut: {
                    headerText: 'ズームアウト',
                    contentText: 'レポートのズームアウト。'
                },
                refresh: {
                    headerText: 'リフレッシュ',
                    contentText: 'レポートを更新します。'
                },
                printLayout: {
                    headerText: 'プレビュー',
                    contentText: '印刷レイアウトモードと通常モードとの間で変更します。'
                },
                pageIndex: {
                    headerText: 'ページ番号',
                    contentText: '現在のページ番号が表示されます。'
                },
                zoom: {
                    headerText: 'ズーム',
                    contentText: 'レポート上のズームインまたはズームアウト。'
                },
                back: {
                    headerText: 'バック',
                    contentText: 'バック親レポートに戻ります。'
                },
                fittopage: {
                    headerText: 'ページに合わせる',
                    contentText: 'コンテナにレポートページを取り付けます。',
                    pageWidth: 'ページ幅',
                    pageHeight: 'ページ全体'
                },
                pagesetup: {
                    headerText: 'ページ設定',
                    contentText: '用紙サイズ、向きや余白を変更するには、ページ設定オプションを選択します。'
                }
            },
            credential: {
                userName: 'ユーザー名',
                password: 'パスワード'
            },
            waterMark: {
                selectOption: '選択肢を選択',
                selectValue: '値を選択'
            },
            selectAll: 'すべて選択',
            viewButton: 'レポートの表示。'
        };
});
</script>
</body>
Run the sample application and you can see the localized ReportViewer like the following screenshot.
How to localize Syncfusion PHP ReportViewer

Sample

Access denied
