CODEWITHSUNDEEP
kendo-uikendo-scheduler
user1527989
user1527989

Reputation: 139

Kendo Ui Scheduler zoom in and out Button

Kendo ui Scheduler, How to add Custom zoom in and out buttons for only Scheduler div? I tried adding zoom effect, but outer div is zooming but zooming effect is not applied for events. For example, in below image, if user tries to change the zoom percentage from 100% to 50 % then scheduler div must resize to 50%.

Below Code i tried I used $(' .k-scheduler-timelineview').style.zoom = 50 + "%"; but zoom effect is not applied to events.

enter image description here

Upvotes: 1

Views: 549

Answers (1)

CMartins
CMartins

Reputation: 3293

This worked for me:

$('.k-scheduler-timelineview').animate({ 'zoom': 1.2 }, 400);

I guess that if the user change the view of the scheduler you will need to aply to other classes like .k-scheduler-workWeekview so would be a good idea to extend the logic.

Upvotes: 0

Related Questions