Stopping navigation

5 posts, 0 answers
  1. Darren
    Darren avatar
    2 posts
    Member since:
    Jan 2012

    Posted 26 Jan 2012 Link to this post

    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

  2. Dimo
    Dimo avatar
    8471 posts

    Posted 27 Jan 2012 Link to this post

    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")

    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Darren
    Darren avatar
    2 posts
    Member since:
    Jan 2012

    Posted 27 Jan 2012 Link to this post

    Thanks that’s just what I needed
  4. Yusuf Sabasi
    Yusuf Sabasi avatar
    1 posts
    Member since:
    Dec 2018

    Posted 20 Feb 2019 in reply to Dimo Link to this post

    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.

  5. Angel Petrov
    Angel Petrov avatar
    1137 posts

    Posted 25 Feb 2019 Link to this post


    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.

    Angel Petrov
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top