This is a migrated thread and some comments may be shown as answers.

Customize Scheduler header

1 Answer 70 Views
This is a migrated thread and some comments may be shown as answers.
Dhanushka
Top achievements
Rank 1
Dhanushka asked on 19 Jul 2019, 09:54 AM

Hi,

Im using kendo Scheduler  in my vue project. I need to customize the scheduler header. First image is the default header I'm getting. I need to customize it as shown in the second image.I need to show the date and then a button to change the date and finally a button to go to current date. Is there a way to customize this scheduler header.

Thanks in advance.

 

1 Answer, 1 is accepted

Sort by
0
Ivan Danchev
Telerik team
answered on 23 Jul 2019, 07:37 AM
Hi Dhanushka,

I see only one image attached and assume you want to add extra buttons to the toolbar of the Scheduler (see this screenshot showing the toolbar section, which contains the date and the views navigation). This is possible with jQuery. See this KB article which demonstrates how this can be done by prepending (you can also append it) an element to the Scheduler's toolbar and initializing a DropDownList from that prepended element. The approach for adding buttons will be the same  - add the respective input elements and initialize buttons from them.

Regards,
Ivan Danchev
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Asked by
Dhanushka
Top achievements
Rank 1
Answers by
Ivan Danchev
Telerik team
Share this question
or