There doesn't seem to currently be a year view for the scheduler that would display time in weeks in a timeline, am I correct in this? On the other hand, is there any detailed documentation for implementing your own views. I mean documentation on what functions to overwrite in TimelineMonthView / what they do exactly and what the different timeslots and groups are.
9 Answers, 1 is accepted
An year view as the one you described is not included among the built-in Scheduler views. See the following demo, which demonstrates the available Timeline views.
As for creating a custom view we do not have a tutorial article that explains in detail the functions in a specific view, instead the documentation shows different examples of building custom views:
- Create Custom Views by Inheriting Built-In Views
- Create Custom To-Do Views
- Create Custom Month Views with Event Count in the Show More Button
- Implement Custom Timeline View with Dynamic Length
I have made minor progress and the layout is starting to form as you can see in the attached picture. I haven't quite gotten to grips with the different slots that there are in the scheduler source code, day- and timeslots and the collections that can be formed from either type of slot. Could you give me a pointer on how I would accomplish the goal of having weeks in the scheduler with these slots and still have use of the dragging and rendering capabilities of the scheduler? Should every week be a timeslot and the year a collection of them?
We are glad you've managed to implement the desired view layout.
This is exactly what I need to do for a project, would you be able to share the method and implementation please?
It would really help?
Sure thing Oliver. Just remember that this solution is cobbled together from reading the Telerik source codes and seems to just about work for what I intend to use it for. And as such, I'm sure it'll break in interesting ways and might even not work at all for you.
Below is the sourcecode for the "weeks in year with grouped resources view". I saved it as WeekYearView.js and then included it in my Index.cshtml. It works (if I remember correctly) by making the "slots" the scheduler uses to be week long and then using those with the default implementation.
And then I use the C# helpers to actually add the Scheduler to my .cshtml with the custom view defined above:
Oh, and I should mention, I've only used this with grouped resources and with the orientation being vertical: (.Group(gr => gr.Resources("Resource").Orientation(SchedulerGroupOrientation.Vertical))
Hope this helps,
Thank you so much for this.
This has really saved me about 2 weeks of work and of course works perfectly. If our paths ever cross, ill buy you a beer!
Okay, good to hear. As a last warning, there might be a bug where if the dates (or atleast the startdate?) are not mondays, the grid gets misaligned visually because some slots have fewer days etc.