Kendo MVC Schedular customization

2 posts, 0 answers
  1. Abdul
    Abdul avatar
    2 posts
    Member since:
    Jul 2014

    Posted 11 Apr 2017 Link to this post

    Hi guys,

    I am using:
         1-Kendo MVC - 2014.3.1411.545
         2-Chrome/Mozilla regardless the version
    I have been working with kendo UI scheduler control which works fine with its default functionality, but I need to do the customization to meets the requirements.

    Here are the certain things I want to do with kendo scheduler:

    1. I want to to generate kendo scheduler rows with respect to the binded resource dynamically.
    2. To Remove the time slots and create appointments with certain height & width.
    3. I want to show the kendo scheduler appointments created in concerned row with respect to every resource with a certain height and width.

    I have uploaded an image to explain what I wanted to do with Kendo MVC scheduler.

  2. Ivan Danchev
    Ivan Danchev avatar
    2086 posts

    Posted 13 Apr 2017 Link to this post

    Hello Abdul,

    Let me provide more details on the available customization options with regard to your questions.

    1. Generating rows for resources. When vertical groping is configured the Scheduler will render rows for each resource and the events that have a resource set will be displayed in that resource row.  You can find a demonstration of this functionality here. In this particular demo the Scheduler is grouped by two resources (Rooms and Attendees) at the same time:
    .Group(group => group.Resources("Rooms", "Attendees").Orientation(SchedulerGroupOrientation.Vertical))

    Because of that within the Rooms rows separate rows for Attendees are rendered. You can however group by a single resource.

    2. and 3. Disabling/Removing timeslots and rendering events with arbitrary height and width is not supported and is not achievable through configuration and the Scheduler's API. By design the events height is calculated from the height of the rows that contain the timeslots, i.e. the rows height can be increased/decreased, which will increase/decrease the height of the events accordingly.

    Ivan Danchev
    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.
Back to Top