This is a migrated thread and some comments may be shown as answers.

Add frames to scheduler...

1 Answer 48 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Ron Hary
Top achievements
Rank 2
Ron Hary asked on 15 May 2017, 10:41 AM

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

Sort by
0
Ivan Danchev
Telerik team
answered on 17 May 2017, 07:54 AM
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>")


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.
Tags
Scheduler
Asked by
Ron Hary
Top achievements
Rank 2
Answers by
Ivan Danchev
Telerik team
Share this question
or