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

Events misalignment after Grouping WeekTimeLine

3 Answers 58 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
K.Ramadan
Top achievements
Rank 2
Veteran
K.Ramadan asked on 22 Oct 2020, 07:13 AM

Hello,

I'm trying to make a WeekTimeLine without TimeHeader, only date and Employee.

So I did this in scheduler => View() =>

views.TimelineWeekView(weekView =>
{
    weekView.Title("Woche");
    weekView.WorkDayStart(8, 0, 0);
    weekView.WorkDayEnd(18, 0, 0);
    weekView.ColumnWidth(25);
    weekView.DateHeaderTemplate("#= kendo.toString(date,'ddd/d')#");
    weekView.MajorTimeHeaderTemplate("<p>-</p>");
    weekView.Groups(g =>
    {
        g.Date(true);
        g.Orientation(SchedulerGroupOrientation.Vertical);
    });
    weekView.MajorTick(600);
    weekView.MinorTickCount(1);
});

 

If i show the WeekTimeLine_View Grouped with 9 Employees, then it works great, but starting from the 10th, the Event in the PNG starts to go outside the Lines of its Employee.

All the Events in the PNG end at 18:00, the first 4 start at 08:00 and the last small one starts at 17:00.

Any Idea what can cause this Problem ?

Thanks in advance

Ramadan

3 Answers, 1 is accepted

Sort by
0
Ivan Danchev
Telerik team
answered on 23 Oct 2020, 04:52 PM

Hello Ramadan,

You've posted the view's configuration, but could you post the Scheduler's declaration as well, so we can get an idea of the rest of its configuration?

Also, please post the section of the _Layout, in which you load the Kendo UI CSS files, so we can check which theme you are using and whether the order of loading the files is correct.

Regards,
Ivan Danchev
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/.

0
K.Ramadan
Top achievements
Rank 2
Veteran
answered on 02 Nov 2020, 08:37 AM

Hello Ivan,

I made a smaller version of my _Layout.cshtml file where only the css loading section and the scheduler widget are shown.

I hope that is what you needed.

 

Thanks in advance

Ramadan

0
Ivan Danchev
Telerik team
answered on 04 Nov 2020, 09:41 AM

Hello Ramadan,

I've tried reproducing the issue based on the Scheduler's configuration you posted, but was unable to do so. I suspect custom CSS might be responsible for the problematic behavior.

I've attached a sample project which I used to test the scenario. Could modify it accordingly so that it demonstrates the issue and attach it back for further review?

Regards,
Ivan Danchev
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/.

Tags
Scheduler
Asked by
K.Ramadan
Top achievements
Rank 2
Veteran
Answers by
Ivan Danchev
Telerik team
K.Ramadan
Top achievements
Rank 2
Veteran
Share this question
or