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

Scheduler Questions.

1 Answer 115 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Arasu
Top achievements
Rank 1
Arasu asked on 06 Apr 2017, 02:44 PM

Dear Sir/Madam,

    

   We are working to build a scheduler based web application and purchased the Kendo UI license to make use of the features that you have build in the control. 

   While working with our business owners team, we understand that there are some difficulties in achieving some of the below business requirements and we are seeking your help to the identify the approach. 

  1. We wanted to have the ability to scroll the calendar control,  when user prepares schedule for more than 6 weeks. 

  2. Please refer the attached UI wireframe, where in we have business requirements to display shift allocation for assignee and for a particular day.  (We normally have multiple shifts on any day of the scheduling period). Our business owners looking to increase the height of calendar day cell dynamically depending on number of shifts.

  3. A Grey line to differentiate the months (Highlighted in red box) 

  4. Display month name vertically on the left side of the calendar

  5. We have requirement to refresh / change shift allocation for a particular day (Day cell) independently in the calendar.  

  6. Calendar to be displayed for any time range (not just for a month) - Please see the blue highlight in the attached image. 

Requesting you provide the guidelines or approaches or examples  to implement these features.  

Please reply back, in case if you want to have quick discussion to clarify any questions you may have. 

 

Thanks & looking forward to hear from you. 

 

Regards,

 

 

 

 

  

  

 

1 Answer, 1 is accepted

Sort by
0
Tyler
Top achievements
Rank 1
answered on 06 Apr 2017, 02:56 PM

You can extend views to suit your needs.  This link shows an example of extending the timeline view: http://docs.telerik.com/kendo-ui/controls/scheduling/scheduler/how-to/custom-views/timeline-with-dynamic-length

 

Simply specify start and end date of the view (so extending month view, but setting the end date to be 90 days after the start date, when someone goes to the 'month' view they will see 90 days). And the month view provides easy navigation to next and previous months, so, I don't know how much showing multiple months with a gray line to separate them is entirely necessary, as the scheduler will gray out dates within the month view that are not part of the current looked at month (unless you need to print a long list of multiple months... but I don't recall coming across any events or fields for the scheduler that will detect the next month, a line like that would most likely need to be drawn via custom CSS on the scheduler by detecting the border between dates (it may be easier to just change the background or header color of days in a different month to differentiate them easily).

Some of the things you want to implement may require you to dig into the CSS and make changes to the scheduler's CSS to suit your needs, like adjusting line height of days, overall height of scheduler, etc. 

Tags
Scheduler
Asked by
Arasu
Top achievements
Rank 1
Answers by
Tyler
Top achievements
Rank 1
Share this question
or