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

Scheduler Navigation Options

1 Answer 175 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Nitin
Top achievements
Rank 1
Nitin asked on 15 Feb 2017, 01:04 PM

Hi, 

 

We are using Kendo UI Scheduler. I am looking for a way to disable the navigation buttons incase user has reached the last or first date of scheduler. 

 

Regards, 

 

Nitin Jain

1 Answer, 1 is accepted

Sort by
0
Nencho
Telerik team
answered on 17 Feb 2017, 09:54 AM

Hello Natin,

I would suggest you to handle the navigate event of the Scheduler, where you can get the current data (which had just navigated to) and the max date set for the scheduler. Once you compare them and determine whether you need to disable the navigation, you can either hide the navigation button or visually disable it, by preventing mouse down and applying the needed opacity.

Here you can find useful resources on date comparison:

http://stackoverflow.com/questions/3224834/get-difference-between-2-dates-in-javascript

As for the button, you can use

$(".k-nav-next").hide() / $(".k-nav-next").show() //hide show next navigation button
$(".k-nav-prev").hide() /$(".k-nav-prev").show() //hide show next previous button

Hope this information helps.

Regards,

Nencho
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Scheduler
Asked by
Nitin
Top achievements
Rank 1
Answers by
Nencho
Telerik team
Share this question
or