We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Localization of Grid Toolbar

Thread ID:

Created:

Updated:

Platform:

Replies:

141894 Jan 9,2019 05:17 PM UTC Jan 10,2019 05:36 AM UTC JavaScript - EJ 2 1
loading
Tags: Grid
Miguel Varela Rodriguez
Asked On January 9, 2019 05:17 PM UTC

Hello,

i am trying to change some text to spanish in the grid toolbar ( "Columns", and "Chose Column"see screenshot).

where can i get the variables for different elements for localization. I know how to change it when i know the definition.

Thank you for your help

Attachment: screen_syncfusion_63ac7b04.7z

Pavithra Subramaniyam [Syncfusion]
Replied On January 10, 2019 05:36 AM UTC

Hi Miguel, 
 
Thanks for contacting Syncfusion support. 
 
You can customize the default Grid text by using the ‘grid.locale’ property and translation object of Localization library. Please refer to the below code example, Documentation link and sample link. 
 
[index.js] 
ej.base.L10n.load({ 
        'es-GT': { 
            'grid': { 
                'EmptyRecord': 'Keine Aufzeichnungen angezeigt', 
                'ChooseColumns': 'Elegir columnas', 
                'Columnchooser': 'columnas' 
            }, 
            'pager': { 
                'currentPageInfo': '{0} de {1} páginas', 
                'totalItemsInfo': '({0} elementos)', 
                'firstPageTooltip': 'Ir a la primera pagina' 
            } 
        } 
    }); 
    var grid = new ej.grids.Grid({ 
        dataSource: window.orderDatas, 
        showColumnChooser: true, 
        allowPaging: true, 
        locale: 'es-GT', 
        toolbar: ['ColumnChooser'], 
        columns: [ 
            { field: 'OrderID', headerText: 'Order ID', width: 120, textAlign: 'Right' }, 
            { field: 'CustomerName', headerText: 'Customer Name', width: 150, showInColumnChooser: false }, 
            .  .  . 
        ] 
    }); 
    grid.appendTo('#Grid'); 
 
This link contains the translation keys for Grid localization. 
 
Sample               : https://stackblitz.com/edit/gbhrnn?file=index.js  
 
Regards, 
Pavithra S. 
 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon