Events misalignment after Grouping WeekTimeLine

4 posts, 0 answers
  1. K.Ramadan
    K.Ramadan avatar
    78 posts
    Member since:
    Feb 2020

    Posted 22 Oct Link to this post

    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

  2. Ivan Danchev
    Admin
    Ivan Danchev avatar
    2109 posts

    Posted 23 Oct Link to this post

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

  3. K.Ramadan
    K.Ramadan avatar
    78 posts
    Member since:
    Feb 2020

    Posted 02 Nov Link to this post

    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

  4. Ivan Danchev
    Admin
    Ivan Danchev avatar
    2109 posts

    Posted 04 Nov Link to this post

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

Back to Top