Stopping navigation

[Darren]

I am trying to stop the navigation on the Calendar to use it for displaying information.  Still need the ability to select a day.
 
I have tried setting navigate event with
 
e.preventDefault() and e.preventDefault() ; return false;
 
but neither of these seem these work any ideas
 
Thanks

[Dimo]

Hello Darren,

The navigate event is not cancellable, as it is fired after the UI has started changing. Its purpose is to be used to interaction with other widgets (datasources) on the page.

What you can do to prevent users from nagivating is to add the following CSS rule to hide the navigation arrows....

.k-calendar .k-header .k-link
{
    visibility: hidden;
}

...and execute the following script after Calendar initialization in order to remove click event bindings:

var cancellables = $(".k-nav-fast,.k-other-month")
cancellables.unbind();
cancellables.click(function(e){
    e.preventDefault();
    e.stopPropagation();
});

Regards,
Dimo
the Telerik team

[Darren]

Thanks that’s just what I needed

[n/a]

Hi Dimo,

I'm trying to do some specific changes according to our business needs. What I'm trying to do is show some of available appointment dates on calendar. While doing that, some of them can be next month and this month, so I want to let user click the day from next month in order to see which appointment dates are available on that date, but don't want to navigate to next month, still stay the same month.

the code you gave doesn't let them click the next month.

[Angel Petrov]

Hi,

In the mentioned case you will have to manually select the date cell. Please elaborate more on the selection mode used by the calendar so we could provide a straight to the point suggestion.

Regards,
Angel Petrov
Progress Telerik