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

Hello,

I want to show, group and filter the Id field on one of the grid columns by connecting it to the Enum side.

I used ForeignKey column but it doesn't show the data.

The request is being sent. data is returning. But it doesn't show.

Important Note: I don't use inline editing on the grid. It'll only show.

What's wrong?

{
    "Data": [
        {
            "LogoUrl": "",
            "ParentCompany": null,
            "ParentCompanyId": 0,
            "CompanyType": 10,
            "CompanyTypeId": 10,
            "Title": "POL & PAK LTD",
            "Code": "12688900",
            "PostCode": "ST1 4NP",
            "Address": "10 Harcourt Street, Stoke-On-Trent, England, ST1 4NP",
            "ShortNotes": "12688900 - Incorporated on 22 June 2020",
            "VatNumber": null,
            "ExemptVat": false,
            "EoriNumber": null,
            "RegisterNumber": "12688900",
            "CreditLimit": 0.00000,
            "DiscountRate": 0.00000,
            "CreditTerm": null,
            "CreditTermId": 0,
            "Longitude": null,
            "Latitude": null,
            "Status": "Active",
            "StatusId": 10,
            "Id": 1
        }
    ],
    "Total": 1,
    "AggregateResults": null,
    "Errors": null
}

 columns.ForeignKey(p => p.CreditTermId, ds => ds.Read(r => r.Action("GetCreditTerms", "ErpCommon")), "CreditTermId", "CreditTermName").Title("CreditTerm"); 

 public async Task<IActionResult> GetCreditTermsAsync()
 {
     var model = new List<ErpCreditTermViewModel>();

     var availibleCreditTerms = await _erpCreditTermService.GetCreditTermsAsync();
     foreach (var creditTerm in availibleCreditTerms)
     {
         var erpCreditTermViewModel = await _erpCreditTermModelFactory.PrepareCreditTermViewModelAsync(creditTerm);
         model.Add(erpCreditTermViewModel);
     }

     return Json(model);
 }

I have an AutoComplete control calling my Controller that has the [Authorize] attribute applied to it. When the session expires the control lets you still type in it and tries to call the controller. Nothing happens on the page to show an issue, but in the browser development tools console, there is a jQuery error reporting a 404 error.

The big question is why is it not either getting a 401 error code or following the redirect it is getting to go to the login page? If it was reporting the correct error code than at least I could capture it and redirect it myself or deal with it as I need to.

We're currently out of support. I don't know if Bug reports are being monitored here.

Please see REPL: https://netcorerepl.telerik.com/QekyEebS14OOdCp509

Problem: Drag&Drop of Row (Reorderable) not working because Grid inside TabStrip.

I am trying to filter through a model lets say:

public class Cat

{    

     public int Id {get; set;}

     public int ColorId {get; set; }

}

public class Color

{

    public int ColorId { get; set; }

    public string? Color { get; set; }

}

in the controller :

public IActionResult GetCatsColors([DataSourceReques] DataSourceRequest request)

{

    var catColor = (from c in _catContext..Cats.ToList()

                              join v in _colorContext.Colors.ToList() on c.ColorId equals v.ColorId

                              select new ColorCat

                             {

                                   Colori = v.Color,

                                   CatId = c.Id

                             }).ToList();

                var jsonCat = catColor.ToDatasourceResult(request);

                return Json(jsonCat);

}

the view:

 @(Html.Kendo().Grid<TelerikOrderBossProduction.ViewModels.ColorCat>()

      .Columns(col =>

      {

             col.Bound(t => t.Id);

             col.Bound(t => t.Colori);

     }

     .Filterable(f => f.Mode(GridFilterMode.Row))

     .etc

    Now when I try to filter through the Id I get the grid to respond but when I filter by Colori I do not get a response

    and I have noticed, Error 500. Server internal error.

   I also have tried creating a view in the database but the same result appears. It looks like it only filters from one class but not the other.

  ArgumentException: Invalid property or field - 'Colori' for type: Cat

I have a grid whose first column is a string column, and the 2nd and 3rd columns are sometimes dropdowns based on the value shown in the first column.

I have it mostly working except for a small issue. If I click slowly enough it seems to work but if i click around the different cells eventually my dropdown appears in a cell that it should not. What is the correct way to implement the described behavior?

Should I be looking for a cell template solution? Or do I need to subscribe to a custom grid event?

Any advice would be much appreciated.

Below code needs to be corrected for ASP.NET Core Grid Popup Editing : 

https://demos.telerik.com/aspnet-core/grid/editing-popup?autoRun=true&theme=default-main-dark

.DataSource(dataSource => dataSource
        .Ajax()
        .PageSize(20)
        .Events(events => events.Error("error_handler"))
        .Model(model => model.Id(p => p.ProductID))
        .Create(update => update.Action("EditingPopup_Create", "Grid"))
        .Read(read => read.Action("EditingPopup_Read", "Grid"))
        .Update(update => update.Action("EditingPopup_Update", "Grid"))
        .Destroy(update => update.Action("EditingPopup_Destroy", "Grid"))
 
It seems create arrow function is called for update & destroy as well.
while editing the row data EditingPopup_Create create is called instead of update !!

This is probably just a request for a pointer to the documentation for older versions, which I couldn't find.  But the problem that I'm trying to solve is:

I'm trying to update some older software that uses Telerik.Web.UI 2015.2.826.45.  I'd like to add a client-side event handler that fires whenever the value of a RadComboBox is changed, whether by the user, or by server-side code.  The current doco quite clearly states that I want to use add_selectedIndexChanged, with the eventArgs parameter which is passed to that event containing the new selected item.  That function doesn't seem to exist in the version I'm using.  I tried adding a handler via the OnClientSelectedIndexChanged attribute of the ASPX element, and it handles an event when the user makes a change, but not when the server does.  And the arguments are in a completely different form.  Any idea how I do something equivalent in the older version?  Or where to find documentation that would apply to that version?

Thanks for any help

Hello Telerik,

I am using the Kendo Upload Control with Async AutoUpload set to "true".  In version 2023.3.1114, when using "Select File" to upload a document the control works perfectly.  Dragging and dropping a file onto the control also works perfectly. 

After upgrading to 2024.1.130 using "Select File" to upload a document does not work, but dragging and dropping a file does work to upload a document.

Can you please advise me as to what I am doing wrong.  I am using jQuery v3.7.0.

@(Html.Kendo().Upload()
		.Name("uplCtrl")
		.HtmlAttributes(new { aria_label = "files", title = "Select file to upload" })
		.Multiple(false)
		.Messages(m => m.Select("Select file...")
		.DropFilesHere("Drop file here to upload"))
		.ShowFileList(false)
		.Async(a => a
			.Save("UploadSave", "Vendors")
			.AutoUpload(true)                                        
		)
		.Validation(validation =>
		{
			validation.AllowedExtensions(new string[] { "pdf", "docx", "xlsx", "zip" });
			validation.MaxFileSize(52428800);
		})
		.Events(e => e
			.Error("onUploadError")
			.Complete("onUploadSuccess")
			.Upload("onUpload")
		)
	)