Time

[Joel]

I have followed the sample in the demo on how to implement the timeline component.
I am getting the following error: Uncaught TypeError: Cannot read properties of undefined (reading 'left')

    at x (kendo.all.js:321370:19)
    at init._initHorizontal (kendo.all.js:321370:19)
    at init.refresh (kendo.all.js:321370:19)
    at init.trigger (kendo.all.js:321370:19)
    at init._process (kendo.all.js:321370:19)
    at init.success (kendo.all.js:321370:19)
    at success (kendo.all.js:321370:19)
    at n.success (kendo.all.js:321370:19)
    at i (jquery.min.js:2:27466)
    at Object.fireWith [as resolveWith] (jquery.min.js:2:28230)

How can I resolve this ? 
Here is the control in the cshtml page

<div>
    @(Html.Kendo().Timeline<RequisitionModel>()
        .Name("reqTimeline")
        .DataDateField("EventDate")
        .DataDescriptionField("Description")
        .DataSubtitleField("Subtitle")
        .DataTitleField("Title").CollapsibleEvents()
        .Orientation(TimelineOrientation.Horizontal)
        .DataImagesAltField("AltField")
        .DataImagesField("Images")
        .DataActionsField("Actions")
        .DataSource(dt => dt.Read("GetRequisitionEvents", "Recruiting"))
        )
</div>

[Lance | Senior Manager Technical Support]

Hi Joel,

Thanks for sharing the code you're using. However, I was not able to replicate the issue, it might be specific to the environment or data.

Generally speaking, when you get these kinds of errors, it signals that something isn't initialized. So that we can better assist you, I've placed the code into a separate, isolated and runnable demo.

1. Go to https://netcorerepl.telerik.com/GIaywpPt0556aEOs34 
2. Click "Run"
3. Observe that the Timeline gets rendered in the right panel
   

For now, can you update the code so that it replicates the issue? I used as many of your properties as possible, but I do not have your data to ensure it is formatted correctly, so let me make a couple blind suggestions:

• Make sure it is setup as expected => https://docs.telerik.com/aspnet-core/html-helpers/navigation/timeline/getting-started 
• You can see the raw data source for the demo by reviewing the json from this response => https://demos.telerik.com/aspnet-core/timeline/getevents 

If you are able to replicate the error in my REPL, click the "Share" button (top right) and generate a URL for me. That will let me directly review the situation and offer further guidance.

I look forward to your update.

Regards,
Lance | Manager Technical Support
Progress Telerik

[Joel]

Thank you for the quick reply. And sorry for my late response. I will review my code and let you know if I run into any issues.

[Patrick | Technical Support Engineer, Senior]

Thanks Joel, and let us know if you have any questions regarding the example.