Telerik Forums / KendoReact

Gantt - How to rename the "Add Task" button?

1 Answer 164 Views
Gantt
Thushan
Top achievements
Rank 1
Thushan asked on 02 Nov 2022, 07:29 AM

I've followed the example here that adds the "Add Task" button to the Gantt, by setting the "toolbar={{ addTaskButton: true }}" property.

How do I go about renaming the text in this button from "Add Task" to "Add Action"?

1 Answer, 1 is accepted

Sort by
1
Accepted
Filip
Telerik team
answered on 02 Nov 2022, 02:34 PM

Hi, Thushan,

Currently, this can be achieved by using the useEffect hook, selecting the button inside the div with JavaScript, and changing the innerHTML to the preferred text.

I made an example that showcases this approach here:

https://stackblitz.com/edit/react-fnx1tm?file=index.html,app%2Fmain.jsx

I hope this helps.

Regards,
Filip
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Gantt
Asked by
Thushan
Top achievements
Rank 1
Answers by
Filip
Telerik team
Share this question
or