From 82c0a88f52387612aa4c88acdad2c06622b1db6a Mon Sep 17 00:00:00 2001 From: Vasil Ganev Date: Mon, 18 Dec 2023 19:24:38 +0200 Subject: [PATCH] kb(scheduler): add article how to display an indicator at the current time closes telerik/telerik.web.ui/issues#1982 --- .../images/scheduler-timeline-view-line.png | Bin 0 -> 46652 bytes ...r-display-indicator-at-the-current-time.md | 93 ++++++++++++++++++ 2 files changed, 93 insertions(+) create mode 100644 knowledge-base/images/scheduler-timeline-view-line.png create mode 100644 knowledge-base/scheduler-display-indicator-at-the-current-time.md diff --git a/knowledge-base/images/scheduler-timeline-view-line.png b/knowledge-base/images/scheduler-timeline-view-line.png new file mode 100644 index 0000000000000000000000000000000000000000..3f310543bb08c38f479e57ebe741f2b203ee20aa GIT binary patch literal 46652 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 MUHx3vIVCg!0LW!kP5=M^ literal 0 HcmV?d00001 diff --git a/knowledge-base/scheduler-display-indicator-at-the-current-time.md b/knowledge-base/scheduler-display-indicator-at-the-current-time.md new file mode 100644 index 000000000..7e335895a --- /dev/null +++ b/knowledge-base/scheduler-display-indicator-at-the-current-time.md @@ -0,0 +1,93 @@ +--- +title: Display an indicator at the current time +description: Using JavaScript to display an indicator at the current time when the Scheduler is configured to represent a 24 hours Timeline view. +type: how-to +page_title: Display an indicator at the current time in Timeline view | Scheduler +slug: scheduler-display-indicator-at-the-current-time +res_type: kb +--- + +## ENVIRONMENT + + + + + + +
ProductTelerik WebForms Scheduler for ASP.NET AJAX
+ +## DESCRIPTION + +Using JavaScript to display an indicator at the current time when the Scheduler is configured to represent a 24 hours Timeline view. + +![Indicator of the current time in TimeLine view mode](images/scheduler-timeline-view-line.png "Indicator of the current time in TimeLine view mode") + +## SOLUTION + +First, configure the Scheduler to have 24 time slots in the Timeline view: + +- Set the **NumberOfSlots** property to **24**. +- Set the **ColumnHeaderDateFormat** property to **HH:mm** and the **SlotDuration** to **01:00:00** + +Example + +````ASPX + + + + + + + + +```` + +Create an event listener using the [Sys.Application.load Event](https://learn.microsoft.com/en-us/previous-versions/bb383829(v=vs.100)?redirectedfrom=MSDN) and run the following JS code in the event handler, which creates a vertical line at the current time. + +Example + +````JS +function markCurrentTime() { + var scheduler = $find("<%= RadScheduler1.ClientID %>"); // Find your RadScheduler control + var schedulerTable = $(scheduler.get_element()).find('.rsAllDayTable'); // Find the scheduler table + var schedulerOffset = schedulerTable.offset().left; // Get the offset of the scheduler table + var schedulerWidth = schedulerTable.width(); // Get the width of the scheduler table + + var currentTime = new Date(); // Get the current time + + var minutesSinceStartOfDay = currentTime.getHours() * 60 + currentTime.getMinutes(); // Calculate the position of the current time within the scheduler + var pixelsPerMinute = schedulerWidth / (24 * 60); // Assuming your scheduler shows a full 24-hour day + var currentPosition = minutesSinceStartOfDay * pixelsPerMinute; + + $(".current-time-indicator").remove(); // Remove the class so that it doesn't create multiple instances of lines + + var schedulerDate = scheduler.get_selectedDate(); // Get the selected date + + var verticalHeader = $(".rsVerticalHeaderWrapper")[0].getBoundingClientRect() // Get the information about the size of the element + var width = verticalHeader.width; // Get the width of the Resource Header + + if (schedulerDate.getDate() === currentTime.getDate() && + schedulerDate.getMonth() === currentTime.getMonth() && + schedulerDate.getFullYear() === currentTime.getFullYear()) { // Check to see if it's for today's date + var $currentTimeIndicator = $('
') // Create the vertical line element + .addClass('current-time-indicator') + .css({ + 'position': 'absolute', + 'top': 0, + 'left': schedulerOffset + currentPosition - width, // Subtract the widthn of the vertical header + 'height': schedulerTable.height(), + 'width': '5px', + 'background-color': 'red' + }); + + schedulerTable.append($currentTimeIndicator); // Append the line to the scheduler + setTimeout(markCurrentTime, 60000); + } +} + Sys.Application.add_load(markCurrentTime); // Call the function on when the page is fully loaded +```` + + \ No newline at end of file