Translate custom toolbar buttons

[matteomessmer]

Hi, 

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.

[Gopinath Munusamy]

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:

[App.tsx]

 

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

Regards,

Gopinath M

[matteomessmer]

Hi Gopinath,

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

Best regards,

Matteo

[Gopinath Munusamy]

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