Resource header goes to misaligned

[Tomohiro]

Hi,

I'm using scheduler timeline view. When browser is in full screen , it works well. But after resized, resource header goes to misaligned just like attached.
Yellow is <td> , red is <div class="k-scheduler-items">.

How can I fix it?

[Tomohiro]

Update : I found that height misalignment comes from horizontal scroll bar.
I tried to this style, but it goes to 'always misaligned'.

.k-scheduler-content{
    overflow-x:scroll;
}

Or should I get scrollbar's height and calculate top of '.k-scheduler-times'?

[K.Ramadan]

Hello there,

I have the same issue here. But it's not in header .. the Scheduler has misalignment for all Events.

you can see the StartTime and EndTime on the Events (CustomTemplate).

 

[Aleksandar]

Hello,

Most Kendo UI widgets work and auto-resize when used in responsive web pages out of the box, however,  several widgets do not auto-resize when their container is resized. The Scheduler is one of those widgets and you can try handling the resizing of the widget when the window is resized, as suggested in the responsive web design section of the documentation. 

If the above does not resolve the issue would it be possible to provide a runnable example, where the issue could be observed? This would help investigate the issue further.

In regards to the misalignment of events that start and end at the same time - this is a known issue and you can monitor the status in the following GitHub item

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

As discussed in the GitHub item the issue is related to SASS themes and appears with the latest version (2020.1.406) of the Kendo scripts. If you are using the latest themes you can revert to a previous version (for example 2019.2.1023) of the kendo.all.min.js file until the issue is resolved.

Regards,
Aleksandar
Progress Telerik