Calendar and Scheduler Integration

4 posts, 1 answers
  1. Max
    Max avatar
    8 posts
    Member since:
    Oct 2017

    Posted 22 Nov Link to this post

    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

     

     

  2. Plamen
    Admin
    Plamen avatar
    2821 posts

    Posted 24 Nov Link to this post

    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.
  3. Max
    Max avatar
    8 posts
    Member since:
    Oct 2017

    Posted 27 Nov in reply to Plamen Link to this post

    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.  

  4. Answer
    Plamen
    Admin
    Plamen avatar
    2821 posts

    Posted 28 Nov Link to this post

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