Converting Scheduler Timeline view headings to links

6 posts, 1 answers
  1. Robert
    Robert avatar
    10 posts
    Member since:
    Mar 2015

    Posted 19 Jul 2015 Link to this post

    Hi there,

     

    I've currently got a scheduler which uses the timeline and timelineWeek views. In these views, a list of employees is displayed down the left and dates and times across the top. By default I'm able to click one of the dates a long the top of the timelineWeek view and the scheduler will change to the timeline view for that specific date.

    I'm trying to do something similar with the employee names along the left, except when I click on an employee name, I want the scheduler to redirect me to a week view showing jobs that the selected employee has done during that week.

    I've already got the functionality setup for filtering and displaying only jobs done by the selected employee in a week view, I just don't know how to turn the employee names on the timeline views into buttons/links which would call a function that changes the view?

     

    Cheers

  2. Vladimir Iliev
    Admin
    Vladimir Iliev avatar
    2200 posts

    Posted 21 Jul 2015 Link to this post

    Hi Robert,

    You can use the "eventTemplate" option of the scheduler to define custom template where the title of the event is wrapped in custom element which have "click" handler attached. Please check the example below:

    Regards,
    Vladimir Iliev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Robert
    Robert avatar
    10 posts
    Member since:
    Mar 2015

    Posted 23 Jul 2015 in reply to Vladimir Iliev Link to this post

    Hi Vladimir,

    Unfortunately this isn't quite what I'm after. Instead of the actual events having links for titles, I'm wanting to convert the labels in the column down the left of the timeline view to links. So in the example you've provided, in the timeline view, the "All Events" label on the left would be a link.

    The idea behind this being that all events in timeline view will be split into separate rows based on which employee created each event. This way, all the labels down the left side of the timeline view will be employee's names and so when the user clicks on one of the employee names, the application will take them to a week view displaying all the events that that particular employee has created in the current week.

  4. Answer
    Vladimir Iliev
    Admin
    Vladimir Iliev avatar
    2200 posts

    Posted 24 Jul 2015 Link to this post

    Hi Robert,

    You can use the "groupHeaderTemplate" option of the scheduler to render the group names as links - please check the example below:


    Regards,
    Vladimir Iliev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  5. Robert
    Robert avatar
    10 posts
    Member since:
    Mar 2015

    Posted 26 Jul 2015 in reply to Vladimir Iliev Link to this post

    Ah that did the trick. Thanks for your help :)
  6. rahul
    rahul avatar
    4 posts
    Member since:
    Aug 2017

    Posted 09 Aug 2017 in reply to Robert Link to this post

    Hey Robert, 

    I want to implement similar functionality (employees on the left and dates on the top) Could you share your code snippet or a pseudo code would also help. 
    Appreciate your time and efforts.

    Rahul

Back to Top