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

Customize hover title for event?

1 Answer 180 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Tim Fargo
Top achievements
Rank 1
Tim Fargo asked on 05 Oct 2015, 10:19 PM

By default when you hover over an event it shows a tooltip (from "title" attribute on div) of something like "(7:00 AM - 8:00 AM): Board Meeting" with start time, end time, and title of event. Is there a way I can customize this attribute?

1 Answer, 1 is accepted

Sort by
0
Vladimir Iliev
Telerik team
answered on 07 Oct 2015, 09:42 AM
Hi Tim,

You can customize this attribute by using the "eventTemplate" and "allDayEventTemplate" option of the scheduler as demonstrated in the code sample below:

//customize the "title" attribute of the first div:
eventTemplate: kendo.template('<div title="(#=kendo.format("{0:t} - {1:t}", start, end)#): #=title.replace(/"/g,"&\\#34;")#">' +
                                        '<div class="k-event-template k-event-time">#:kendo.format("{0:t} - {1:t}", start, end)#</div>' +
                                        '<div class="k-event-template">${title}</div>' +
                                        '</div>'),

Regards,
Vladimir Iliev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Scheduler
Asked by
Tim Fargo
Top achievements
Rank 1
Answers by
Vladimir Iliev
Telerik team
Share this question
or