Telerik Forums
UI for ASP.NET Core Forum
1 answer
67 views

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
Telerik team
 answered on 25 Apr 2024
1 answer
279 views

Hello everyone,

I'm encountering this issue when loading a page with the RadTimeline, the error is shown below:

"Error during serialization or deserialization using the JSON JavaScriptSerializer. The length of the string exceeds the value set on the maxJsonLength property."

 

This issue is occurring when this page is getting back a lot of entitles for the timeline, the MaxJsonLength is set in web.config but it seems this only applies to Web Services.

Unsure how to set this in the code as it looks like the serialization happens in the RadDataBoundControl if I'm not mistaken.

Any ideas how to to implement this MaxJsonLength in code?

 

Thanks for any help!

Alexander
Telerik team
 answered on 24 Nov 2023
1 answer
251 views

I had a look at the ISchedulerEvent inside the Kendo.MVC.UI namespace and found that it's using predefined binding for column names such as Title, Description, Start, End, etc.

However, I have a data controller and model that has some of those, but I have many other data columns that I need mapped to a Telerik Scheduler-Timeline control.

Is it possible to edit the ISchedulerEvent to allow other columns? I have data that eventually I will need to show up in the Scheduler as a tooltip (custom javascript I can see already here, but very little documentation on how in your website). And how do I customise the CSS too please? I want to change the way the MonthView displays data, down to 12hr blocks per day for a max of 7 days in the one screen.

Also, I noticed the following errors/messages when viewing the control source code:

namespace Kendo.Mvc.UI
{
    public interface ISchedulerEvent
    {
        string Title { get; set; }

        string Description { get; set; }

        bool IsAllDay { get; set; }

        DateTime Start { get; set; }

        DateTime End { get; set; }

        string StartTimezone { get; set; }

        string EndTimezone { get; set; }

        string RecurrenceRule { get; set; }

        string RecurrenceException { get; set; }
    }
}
#if false // Decompilation log
'325' items in cache
------------------
Resolve: 'System.Runtime, Version=7.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a'
Found single assembly: 'System.Runtime, Version=7.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a'
Load from: 'C:\Program Files\dotnet\packs\Microsoft.NETCore.App.Ref\7.0.5\ref\net7.0\System.Runtime.dll'
------------------
Resolve: 'Microsoft.AspNetCore.Mvc.Abstractions, Version=7.0.0.0, Culture=neutral, PublicKeyToken=adb9793829ddae60'
Found single assembly: 'Microsoft.AspNetCore.Mvc.Abstractions, Version=7.0.0.0, Culture=neutral, PublicKeyToken=adb9793829ddae60'
Load from: 'C:\Program Files\dotnet\packs\Microsoft.AspNetCore.App.Ref\7.0.5\ref\net7.0\Microsoft.AspNetCore.Mvc.Abstractions.dll'

What does this mean? I am using .Net 6 not .Net 7.

Obviously, I am new to ASP.Net Core but I am familiar with the EntityFramework to get data from a SQL Server database. I know that part of my project is working, but I am having a hard time understanding the ISchedulerEvent  and why I have to use it, and how to use it to customise my data mappings.

Please don't offer me the Scheduler getting-started-scheduler page. I've done all that and it's very thin on explaining how things are working, and besides the model in the example is purely limited to the existing columns in the ISchedulerEvent  .

Thanks

Alexander
Telerik team
 answered on 11 Jul 2023
1 answer
161 views

I am relatively new to ASP.Net core (.net6) and I am trying to bind the Kendo scheduler with my existing data source.

Background: I am tasked with replacing outdated javascript tools for our "shipping scheduler", which is very similar to the Telerik Scheduler Timeline view.

Here is an example of what I am trying to achieve...

 

The data source is a simple API source from the web (for example https://mydomain.com/datasource), with the following structure:

 

namespace ShippingSchedulerApp.Models
{
    public class SchedulerEvent
    {
        public long ID { get; set; }
        public DateTime? start_date { get; set; }
        public DateTime? end_date { get; set; }
        public string? text { get; set; }
        public string? shipclass { get; set; }
        public decimal? beam { get; set; }
        public string? sectionID { get; set; }
        public string? flag { get; set; }
        public string? country { get; set; }
        public string? visitnumber { get; set; }
        public int? visitid { get; set; }
        public int? imo { get; set; }
        public string? details { get; set; }
        public string? cargo { get; set; }
        public decimal? duration { get; set; }
        public decimal? loa { get; set; }
        public string? stevedore { get; set; }
    }
}

If someone could point me to a demo or a sample way of connecting the above to the Telerik Scheduler Timeline view, that would be great.

Thanks

 

Stoyan
Telerik team
 answered on 15 Jun 2023
1 answer
105 views
Trying to figure out if there is a way to pick if the items will be on the left or right, i dont want to alternate but rather pick which ones will be on each side.  If anyone knows how and could pass on the info that would be great!
Alexander
Telerik team
 answered on 17 Feb 2022
1 answer
72 views

Hello,

I need obtain the eventDate value from the current open event.

I try this ...but doesn't work:

 

function refresh() {
 
        var timeline = $("#Timeline").data("kendoTimeline");
        var date = new Date(timeline.dataItem.EventDate);       
 
         ....
 
}

Regards,
Santi.

 

Anton Mironov
Telerik team
 answered on 15 Oct 2020
2 answers
429 views

How can I get the timeline control to show events in reverse chronological order, I am using the control to show a vertical timeline but would like the most recent dates to appear at the top, I tried the obvious things like reversing the order of the items in the data I was sending to the control but it seems to make no difference.

Hopefully I am just missing something obvious!

Regards

 

Barry Compuesto

Amber
Top achievements
Rank 1
 answered on 06 May 2020
1 answer
111 views

I have a kendo timeline in a razor page defined in a Razor Class Library.

it all works as expected when the RCL is referenced from an AspNet Core MVC project but nothing is generated or shown when referenced from a Razor Pages project. 

Am I missing something ?

NB: I am using one .cshtml file to render the page

Tsvetomir
Telerik team
 answered on 24 Mar 2020
12 answers
2.2K+ views

Hello,

How to reload a timeline (with Kendo grid I can use grid.dataSource.read();)

robert

Robert Madrian
Top achievements
Rank 1
Veteran
Iron
 answered on 16 Oct 2019
1 answer
56 views

Hello,

How to select an item by Id or datasorce value?

 

robert

Preslav
Telerik team
 answered on 23 Sep 2019
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?