Highlight the 'today' in scheduler in header

2 Answers 223 Views
Scheduler
Dan
Top achievements
Rank 1
Iron
Iron
Veteran
Dan asked on 22 Mar 2023, 12:52 PM

Some users do not see very clearly which is the today in the scheduler and asked if the header could be colored. 

I have found that the cells has the class "k-today" but the header does not have it.

Is there a way to know which of the header cells is the cell for the today?

Paul
Top achievements
Rank 1
commented on 23 Mar 2023, 12:03 PM

In versions before 2023 R1 SP1, the Today header has class "k-nav-today". Not sure in the latest SP. Look at the element in the browser debug mode to be sure.

2 Answers, 1 is accepted

Sort by
1
Morten
Top achievements
Rank 2
Iron
Iron
Iron
answered on 28 Sep 2024, 06:32 AM | edited on 28 Sep 2024, 07:53 AM

I do this:

<style>

        th.k-scheduler-cell.k-heading-cell.k-today,
        td.k-today.k-scheduler-cell {
            background-color: #f5f5f5 !important;
        }

</style>

0
Ivan Zhekov
Telerik team
answered on 23 Mar 2023, 01:06 PM

Hi, Dan.

For each view type, there is a unique class and also, there is a `k-today` class on each cell that is today. Combining the the you get:

  .k-scheduler-weekview .k-scheduler-table th.k-today,
  .k-scheduler-weekview .k-scheduler-table td.k-today,
  .k-scheduler-workWeekview .k-scheduler-table th.k-today,
  .k-scheduler-workWeekview .k-scheduler-table td.k-today,
  .k-scheduler-monthview .k-scheduler-table td.k-today {
    background: gold;
  }

Or everything together in a demo: https://dojo.telerik.com/@joneff/EnAMekEZ

Regards,
Ivan Zhekov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Dan
Top achievements
Rank 1
Iron
Iron
Veteran
commented on 23 Mar 2023, 01:22 PM

Hi Ivan,

Perhaps I was not clear enough. I thought that all the views are the same.

So it seems that you are wrong. In the Timeline Month from the demos https://demos.telerik.com/kendo-ui/scheduler/timeline you will see that the Today header has no k-today class in order to customize it.

Anyway after looking at the API I have found the dateHeaderTemplate and I think I could use that, but it would have been better to have the k-today like you suggested.

Ivan Zhekov
Telerik team
commented on 28 Mar 2023, 10:27 AM

I did not test with timeline. Looking at the code, it does appear like a bug or regression -- since we are denoting the cells (as today) in all views, the headers should be denoted as well in all views.
Dan
Top achievements
Rank 1
Iron
Iron
Veteran
commented on 28 Mar 2023, 10:30 AM

Hi Ivan,

Can you provide the bug so I can follow it so I know when that ticket is going to be fixed.

Thanks

Georgi Denchev
Telerik team
commented on 31 Mar 2023, 08:09 AM

Hi, Dan,

I've opened an issue in our public GitHub repository:

https://github.com/telerik/kendo-ui-core/issues/7292 

You can use it for tracking and updates on the matter.

Best Regards,

Georgi

Tags
Scheduler
Asked by
Dan
Top achievements
Rank 1
Iron
Iron
Veteran
Answers by
Morten
Top achievements
Rank 2
Iron
Iron
Iron
Ivan Zhekov
Telerik team
Share this question
or