Hi,
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...
Regards
1 Answer, 1 is accepted
0
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:
Regards,
Ivan Danchev
Telerik by Progress
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>")Regards,
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.