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. Image for the cookie policy date
close icon

Translate custom toolbar buttons


On the toolbar of my gantt component I have added some custom buttons, I would also like to set their labels in the localeObject.

Is this possible to do?

This is an example of a button on my toolbar:

    this.toolbar = [{
        id: 'zoomInRowHeight',
        prefixIcon: 'e-line-normal',
        text: 'Zoom in row height',

I tried adding "zoomInRowHeight": "Allarga la riga" in the locale object but it's not working.

Thank you in advance.

3 Replies 1 reply marked as answer

GM Gopinath Munusamy Syncfusion Team February 24, 2023 02:50 PM UTC

Hi Matteomessmer,

We would like to clarify that we cannot be able to handle the localization for custom toolbar items which is user defined. However, you can be able to set the locale word directly to the text property of custom toolbar item. For your reference, a sample and code snippets are attached. Check the sample and code snippets below for more details.

Code Snippets:



const toolbarOptions = [


      text: 'Allarga la riga',

      tooltipText: 'zoomInRowHeight',

      id: 'toolbarZoom',

      align: 'Right',

      prefixIcon: 'e-Zoom',




Sample: https://stackblitz.com/edit/react-phpw3y-2ekpuf?file=index.js,index.html


Gopinath M

Marked as answer

MA matteomessmer February 24, 2023 04:47 PM UTC

Hi Gopinath,

Thank you, it's ok, I will set it using the text property.

Best regards,


GM Gopinath Munusamy Syncfusion Team February 27, 2023 12:16 PM UTC

Matteo, you’re most welcome. Please get back to us if you require any further assistance.

Live Chat Icon For mobile
Up arrow icon