Scheduler events not in line with dates?

2 Answers 79 Views
Scheduler
Kevin
Top achievements
Rank 2
Iron
Iron
Iron
Kevin asked on 27 Jan 2022, 06:37 PM | edited on 27 Jan 2022, 06:37 PM

Hi all,

Apologies if this has been answered elsewhere.

I'm new to using the Telerik tools, and I'm trying to create a Scheduler to show some deliveries.  However, I'm showing the days getting progressively further and further out of line.

I'm using Google Chrome 97.0.4692.99, though the same issue exists in Microsoft Edge, and build 2022.1.119 for the Telerik controls.

I'm not using any custom CSS at this point, but as you can see in the attached screenshot, each day starts getting further and further out of line with the date header.  This issue exists in Week and Timeline Week views (as shown)

Also, as a side question, is there any way to stop stacking these events side by side when they happen at the same time?  If I choose all day, they'll stack on top of each other, but when a time is involved, it seems like only side by side is allowed which makes things difficult to read.

Any help would be gratefully appreciated.

Kevin
Top achievements
Rank 2
Iron
Iron
Iron
commented on 28 Jan 2022, 03:17 PM

Here is the code used to create it:

    @(Html.Kendo().Scheduler<WM_SupplyChainPortal.Models.Schedule.DeliveryCalendar>()
    .Name("orders")
    .Date(new DateTime(2022, 01, 23))
    .StartTime(new DateTime(2022, 01, 23, 9, 00, 00))
    .EndTime(new DateTime(2022, 01, 29, 17, 00, 00))
    .Views(views =>
    {
        views.WeekView();
        views.AgendaView();
        views.TimelineWeekView();
    })
    .Messages(m => m.Date("Delivery Date"))
    .Messages(m => m.Time("Expected"))
    .Messages(m => m.Event("Order Details"))
    .Resources(resource =>
    {
        resource.Add(m => m.OwnerID)
        .Title("Owner")
        .DataTextField("Text")
        .DataValueField("Value")
        .DataColorField("Color")
        .BindTo(new[] {
            new { Value = 11103, Color = "#ea48f4" },
            new { Value = 13101, Color = "#fd2233" },
            new { Value = 11101, Color = "#1df1f4" },
            new { Value = 14101, Color = "#11ff33" }
        });
    })
    .DataSource(d => d
        .Model(m => {
            m.Id(f => f.TaskID);
            m.Field(f => f.Title).DefaultValue("No title");
            m.Field(f => f.OwnerID).DefaultValue(1);
            m.RecurrenceId(f => f.RecurrenceID);
        })
        .Read("ScheduleCalendarDelivery", "Schedule")
        )   
    )

Would appreciate any help anyone can give - we'll be completing our purchase in the next few days, and this is a critical piece of the puzzle on why we're purchasing.

 

Thanks

2 Answers, 1 is accepted

Sort by
1
Accepted
Ivan Danchev
Telerik team
answered on 01 Feb 2022, 01:54 PM

Hi Kevin,

Thank you for reporting this behavior. It is due to a known bug, more of which you can find in this issue in our GitHub repo: https://github.com/telerik/kendo-themes/issues/2764

I've added a comment to the issue. Currently, the milestone for fixing the bug is set to R2 2022.

As for the events stacking side by side, outside of the All day slot, this is the only way the Scheduler displays events that happen at the same time. Consider logging a feature request in our feedback portal, if you want to have an option for setting the way the events are stacked.

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

Kevin
Top achievements
Rank 2
Iron
Iron
Iron
commented on 01 Feb 2022, 04:45 PM

Thanks Ivan
0
Kevin
Top achievements
Rank 2
Iron
Iron
Iron
answered on 31 Jan 2022, 02:47 PM

Bump.

 

Anyone else having this issue?

Tags
Scheduler
Asked by
Kevin
Top achievements
Rank 2
Iron
Iron
Iron
Answers by
Ivan Danchev
Telerik team
Kevin
Top achievements
Rank 2
Iron
Iron
Iron
Share this question
or