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

Resource header goes to misaligned

3 Answers 13 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Tomohiro
Top achievements
Rank 1
Tomohiro asked on 30 Apr 2020, 01:32 PM

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?

3 Answers, 1 is accepted

Sort by
0
Tomohiro
Top achievements
Rank 1
answered on 30 Apr 2020, 02:53 PM

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'?

0
K.Ramadan
Top achievements
Rank 2
Veteran
answered on 30 Apr 2020, 02:57 PM

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).

 

0
Aleksandar
Telerik team
answered on 04 May 2020, 08:30 AM

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

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
Tags
Scheduler
Asked by
Tomohiro
Top achievements
Rank 1
Answers by
Tomohiro
Top achievements
Rank 1
K.Ramadan
Top achievements
Rank 2
Veteran
Aleksandar
Telerik team
Share this question
or