Kendo UI Timeline view change tool tip background color and data based on events using angularJs

[Lilan]

Hi, 

I want to implement tool tips for kendo UI timeline view and tool tip will be based on events color and event data which will be a customize tool tip using angularJs version.  

Please help..!!!

 

Thanks,

Lilan

[Vladimir Iliev]

Hello Lilan,

Please check the example below of showing information about the underlying events using Kendo UI tooltip widget - you can use this example as baseline to achieve the desired behavior:

• http://dojo.telerik.com/IgIRE

Regards,
Vladimir Iliev
Telerik

 

 

[Lilan]

Hi Vladimir, 

actually it is working with jQuery and when i applied it to angularJs above sample was not working. please find the sample below 

 http://dojo.telerik.com/@lilan123/aHAjO

 

Thanks, 

Lilan

[Vladimir Iliev]

Hello Lilan,

Apologize If I was not clear enough - currently we have no such AngularJS example (of using the tooltip widget for showing the scheduler event details) which we can provide. That why I provided the previous example which shows how the scheduler API can be used to display the event details inside the tooltip. From this point the developer is responsible for implementing the same behavior in his real project. 

Regards,
Vladimir Iliev
Telerik

 

 

[Lilan]

Hi Vladimir, 

Noted and If you could at least give me a solution for giving error as below. 

"Uncaught TypeError: Cannot read property 'occurrenceByUid' of null" 

you will be able to see the error by getting console panel in below demo project. 

 http://dojo.telerik.com/@lilan123/aHAjO

 

Thanks, 

Lilan

[Georgi Krustev]

Hello Lilan,

The error says that the scheduler variable is null, but the code checks explicitly for that (the line before the "scheduler.occurrenceByUid" call). I tried to replicate the issue locally, but to no avail (screencast).
Could you give a specific repro steps?

Regards,
Georgi Krustev
Telerik

 

 

[Lilan]

Hello Georgi, 

 Thanks a lot for your reply and I have fixed that myself in demo application and anyway thanks a lot for your assistance. 

Regards, 

Lilan

[K.Ramadan]

For me, the Problem was Caused because I wrote the script and the tooltip razor tag before the scheduler .. just write it under the scheduler, maybe it will fix the problem ! .. Happy Teleriking