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

Calendar and Scheduler Integration

3 Answers 48 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Max
Top achievements
Rank 2
Max asked on 22 Nov 2017, 10:54 PM

I am using the calendar and the scheduler and would like to integrate them so that when the date is selected on the calendar all the "appointments" for that day show on the scheduler next to it.  

It is just a basic calendar and scheduler.

 

 I would like it to look like the attachment

 

 

3 Answers, 1 is accepted

Sort by
0
Plamen
Telerik team
answered on 24 Nov 2017, 11:19 AM
Hi,

Such scenario can be achieved by using the Calendar change event and the Agenda View of Scheduler widget. Here is a sample dojo of a similar behavior.  In order to change the duration of the Agenda View I have created a custom view that shows event from one day only as it is discussed in this thread.

Hope this information will be helpful.

Regards,
Plamen
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Max
Top achievements
Rank 2
answered on 27 Nov 2017, 11:10 PM

Plamen

Thank you for that information.  That does indeed show the calendar and the scheduler together and integrates in the date from the calendar.  I would like them to show side by side as in the graphic I posted in this thread as well.  

0
Accepted
Plamen
Telerik team
answered on 28 Nov 2017, 06:20 AM
Hello,

You can use display:inline:block to display the side by side as for example in this dojo.

Regards,
Plamen
Progress Telerik
Try our brand new, jQuery-free Angular 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
Max
Top achievements
Rank 2
Answers by
Plamen
Telerik team
Max
Top achievements
Rank 2
Share this question
or