Custom scheduler template with multiple colors for different times

2 posts, 0 answers
  1. Brent
    Brent avatar
    5 posts
    Member since:
    May 2015

    Posted 07 Dec 2015 Link to this post

    I'm creating an application where I need to visualize multiple times in the same item.  Basically, I have a departure time, start time, and end time and I want to have one color from the departure time to the start time, and another color from the start time to the end time.  This is very similar to the Gantt control where you can adjust the percentage, but rather than a percentage I want it to be from one time to another time.  The attached picture shows what the Gantt looks like.


  2. Georgi Krustev
    Georgi Krustev avatar
    3724 posts

    Posted 09 Dec 2015 Link to this post

    Hello Brent,

    The desired behavior can be accomplished with custom modification of the rendered events. Please check this how-to demo that shows how to modify the event DIVs once they are rendered: Please note that the specific styling implementation is up to the developer responsible for this task.

    Georgi Krustev
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top