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

Kendo MVC Schedular customization

1 Answer 78 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Abdul
Top achievements
Rank 1
Abdul asked on 11 Apr 2017, 11:16 AM

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.

1 Answer, 1 is accepted

Sort by
0
Ivan Danchev
Telerik team
answered on 13 Apr 2017, 07:13 AM
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.

Regards,
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.
Tags
Scheduler
Asked by
Abdul
Top achievements
Rank 1
Answers by
Ivan Danchev
Telerik team
Share this question
or