Add frames to scheduler...

2 posts, 0 answers
  1. Ron Hary
    Ron Hary avatar
    44 posts
    Member since:
    Jun 2005

    Posted 15 May 2017 Link to this post


    I have a need to add some frames to identify period of times, that are not events (appointments) but have some specifics...

    There is no problem to add a nice div using $(this.ID + " .k-scheduler-content").append();, but I could not find the way to compute the position (left, top, width, height) of that div...

    For instance for a frame that should be at day of 17/05/2017 (the 4th row in my case), spanning from 10:30 to 12:00...

    I'm looking to find the correct column and rows from this information...




  2. Ivan Danchev
    Ivan Danchev avatar
    2086 posts

    Posted 17 May 2017 Link to this post

    Hello Ron,

    If you want to differentiate the slots we will suggest you to consider using slotTemplate, as demonstrated in this howto article, instead of appending div elements to .k-scheduler-content. Appending arbitrary elements to the Scheduler's slots is not recommended because it could lead to misalignments, nevertheless you can append a div to a specific row's td element (specifying the row with the jQuery eq() method) like this:
    $(".k-scheduler-content tr:eq(3) td").append("<div>My div</div>")

    Ivan Danchev
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 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