Bug report

Regression introduced in R3 2021. Reproducible with the LESS and the SASS themes.

Reproduction of the problem

Dojo example: https://dojo.telerik.com/icUZasIF/2

Current behavior

The k-timeline-circle and the k-timeline-date-wrap elements are misaligned. The dates are displayed slightly below the level of the Timeline circles.

Expected/desired behavior

Dates and circles are aligned.

Environment

• Kendo UI version: 2022.1.412
• jQuery version: x.y
• Browser: [all]

Bug report

Not reproducible with the UI for ASP.NET Core Grid helper.

Reproduction of the problem

1. Set the Total option of the DataSource in a Grid:

.DataSource(dataSource => dataSource
    .Ajax()
    .PageSize(15)
    .Read(read => read.Action("Orders_Read", "Grid"))
    .Total(50)
)

2. Compare the rendering of the pager "next page" and "last page" buttons with the Total option set and without it.

Current behavior

The "next page" and "last page" buttons in the Grid's pager are rendered as anchor Html elements, when Total is set in the DataSource. When it is not set, the buttons are rendered as button Html elements.

Expected/desired behavior

The rendering of the pager buttons should be consistent and they should render as button Html elements.

Environment

• Kendo UI version: 2023.1.425
• jQuery version: x.y
• Browser: [all]

Bug report

It was possible to use Html in the Select button message up to R1 2023. The current behavior is a regression in R1 2023 SP2.

Reproduction of the problem

Dojo example: https://dojo.telerik.com/uyuhocUL

Current behavior

No actual Html can be used in the button's message.

Expected/desired behavior

Html can be used in other messages of the Upload, e.g., dropFilesHere, so it should be possible to do it in the Select button message as well.

Environment

• Kendo UI version: 2022.1.425
• jQuery version: x.y
• Browser: [all]

Bug report

Reproduction of the problem

Dojo: https://dojo.telerik.com/oQeDIxUv

1. Inspect the selected tag of the MultiSelect. It has the k-disabled class.
2. Click the anchor above the component to enable it.

Current behavior

After the component is enabled, the k-disabled class remains in the tag.

Expected/desired behavior

The k-disabled class is removed.

Environment

• Kendo UI version: 2023.1.425
• jQuery version: x.y
• Browser: [all]

Bug report

Reproduction of the problem

Test the following SplitButton configuration:

@(Html.Kendo().SplitButton()
   .Name("splitbutton")
   .Text("test2")
   .HtmlAttributes(new { @class = "myclass", style = "border:1px solid black;", data_customAttr = "test" })
   .Icon("download")
   .Items(i =>
    {
        i.Add().Text("button1");
    })
)

Current behavior

The custom class, attribute and styles are not applied to the SplitButton's Html element.

Expected/desired behavior

The HtmlAttributes are applied to the SplitButton's element.

Environment

• Kendo UI version: 2023.1.425
• jQuery version: x.y
• Browser: [all]

Bug report

The attributes handler overload does not get executed when the column is initially marked as hidden.

Reproduction of the problem

1. Open the following dojo.
2. Change the hidden property of the ContactTitle field to true.

Current behavior

The attributes handler is not executed when the column is hidden.

Expected/desired behavior

The attributes handler should be executed when the column is hidden.

Environment

• Kendo UI version: 2023.1.425
• Browser: [all]

### Bug report

The built-in search tool does not render when it is defined through the Toolbar() configuration. By default, it renders as expected.

### Reproduction of the problem

@(Html.Kendo().TaskBoard()
        .Name("taskBoard")
        .Toolbar(t => t.Items(items =>
        {
            items.Add().Type("TaskBoardSearch").Command("SearchCommand").Name("search").Text("Search").Icon("search");
        }))
       ...
)
    

REPL sample for reproduction:

https://netcorerepl.telerik.com/QRaTOpbm101bVWAv11

### Expected/desired behavior

The search tool should be rendered when it is set up through the Toolbar() configuration.

A possible workaround:

@(Html.Kendo().TaskBoard()
        .Name("taskBoard")
        .Toolbar(t => t.Items(items =>
        {
            items.Add().Name("search");
        }))
       ...
)

### Environment

* **Telerik UI for ASP.NET Core version: 2023.1.117
* **Browser: [all]

### Bug report

The Grid columns do not expose the ClientTemplateHandler() method. It is available in Telerik UI for ASP.NET Core since version 2023.1.314.

### Reproduction of the problem

columns.Bound(p => p.IsAlwaysIncluded).ClientTemplateHandler("myColTemplate");

<script>
function myColTemplate(data) {
  return `<div>${data.IsAlwaysIncluded}</div>`
}
</script>

The ClientTemplateHandler() method must be exposed for the Grid columns.

### Environment

Telerik UI for ASP.NET MVC version: 2023.1.425
* **Browser: [all]

Bug report

When the Grid is set initially with a sort operation, the icon for the column will show twice in a UI for ASP.NET MVC web application.

Reproduction of the problem

Using the Kendo UI Grid template, add the sorting configuration to the dataSource:

@(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.OrderViewModel>()    
    .Name("grid")
    .Columns(columns => {
        columns.Bound(p => p.OrderID).Filterable(false).Width(200);
        columns.Bound(p => p.Freight).Width(100);
        columns.Bound(p => p.OrderDate).Format("{0:MM/dd/yyyy}").Width(140);
        columns.Bound(p => p.ShipName);
        columns.Bound(p => p.ShipCity).Width(150);
    })
    .Pageable()
    .Sortable()
    .Scrollable()
    .Filterable()
    .HtmlAttributes(new { style = "height:430px;" })
    .DataSource(dataSource => dataSource
        .Ajax()
        .PageSize(20)
        .Read(read => read.Action("Orders_Read", "Grid"))
        .Sort(s => s.Add("OrderID").Descending()))  //Added Predefined Sort
)

Current behavior

Expected/desired behavior

The icon should only appear once for the sorted column.

Environment

• Kendo UI version: 2023.1.425
• jQuery version: All Supported Versions
• Browser: all

Bug report

Regression in R1 2023 SP1.

Reproduction of the problem

Set a HeaderTemplate in one of the following 3 ways.

columns.Bound(p => p.Freight).HeaderTemplate("<div title='Freight'>Freight</div>");

columns.Bound(p => p.Freight).HeaderTemplate(@<text>
<div title="Freight">Freight</div>
</text>);

columns.Bound(p => p.Freight).HeaderTemplate(@<div title="Freight">Freight</div>);

Current behavior

In the first scenario the error is:
System.NotSupportedException: Specified method is not supported. 

In the second and third scenario the error is:
Index was out of range. Must be non-negative and less than the size of the collection.
Parameter name: index

Expected/desired behavior

No exception thrown when the HeaderTemplate is set.

Environment

• Kendo UI version: 2023.1.314
• jQuery version: x.y
• Browser: [all]

Bug report

Reproduction of the problem

Inspect the Grid in the MVC demos.

Current behavior

The Grid renders the k-widget class.

Expected/desired behavior

The rendering must be consistent with jQuery and Core and the k-widget class should not be rendered. The issue is specifically in the MVC Grid. The Kendo UI for jQuery and the Core Grid no longer render this class.

Environment

• Kendo UI version: 2023.1.314
• jQuery version: x.y
• Browser: [all]

Bug report

When a RadioGroupFor is used as an editor template for the Grid, the property of the model is not bound to the component. The data-bind attribute is missing in the rendered HTML.

Reproduction of the problem

In the attached project, try to edit a record from the Grid. The property RGVal is not bound to the RadioGroup editor.
Adding the following configuration fixes the behavior:
.HtmlAttributes(new { data_bind="value:RGVal"})

Current behavior

The property is not bound to the editor.

Expected/desired behavior

The property should be bound to the editor.

Environment

• Kendo UI version: 2022.2.510
• Browser: [all]

TelerikMvcApp18.zip
WebView ]

Bug report

Reproduction of the problem

Dojo example: https://dojo.telerik.com/uGitesaF

Current behavior

When the DropDownList has an initial value, the floating label overlaps with the text.

Expected/desired behavior

The label should be displayed above the DropDownList.

Workaround: refresh the floating label in the dataBound event handler of the component:

e.sender.label.floatingLabel.refresh()

Environment

• Kendo UI version: 2023.1.314
• jQuery version: x.y
• Browser: [all]

Bug report

Reproduction of the problem

https://demos.telerik.com/aspnet-mvc/grid/persist-state

1. Add a search panel to the Grid: .ToolBar(t => t.Search())
2. Save its state and then load the saved state

Current behavior

The search panel disappears from the Grid's toolbar.

Expected/desired behavior

The search panel is present in the Grid's toolbar.

Environment

• Kendo UI version: 2021.2.616
• jQuery version: x.y
• Browser: [all]

Aren't the files in the /Content/kendo/2023.1.314/ folder KendoUI version files, not MVC version files?

Below is the contents of the file after upgrading to the new version.

I thought it was strange, so I browsed the stylesheet folder of the newly installed version.

The folder contents of the previous version were as follows.

Isn't it a problem with the distributed installation files?

Bug report

Reproduction of the problem

1. Visual Studio 2019 version 16.8.3 (or another version the extension works with)
2. Install the Scaffolder extension.
3. In a sample Terlerik ASP.NET MVC Application verify that the Kendo Scaffolder and its configuration panel work as expected.
4. Update Visual Studio to version 16.9.2.

Current behavior

The Kendo Scaffolder is no longer available in the Add New Scaffolded Item dialog.

Expected/desired behavior

The Kendo Scaffolder works as intended.

Environment

• Kendo UI version: 2021.1.224
• jQuery version: x.y
• Browser: [all]

Bug report

Reproduction of the problem

Compare the renderings of the two ContextMenus below:

<div id="example1">Right click (Kendo UI ContextMenu)</div>
<br />
<br />
<div id="example2">Right click (MVC ContextMenu)</div>

<ul id="contextmenu1">
</ul>
<script>
    $("#contextmenu1").kendoContextMenu({
        target: "#example1",
        dataSource:
            [{
                text: "Item1",
            },
            {
                text: "Item2",
            }
        ]
    });
</script>


@(Html.Kendo().ContextMenu()
    .Name("contextmenu2")
    .Target("#example2")
    .Items(items =>
    {
        items.Add().Text("Item1");
        items.Add().Text("Item2");
    })
)

Current behavior

The item of the Kendo UI ContextMenu is rendered:

<li class="k-item k-menu-item k-first" role="menuitem" data-uid="d578b533-6933-416f-9624-96819ee95c45" aria-expanded="false">
    <span class="k-link k-menu-link">
       <span class="k-menu-link-text">Item1</span>
    </span>
</li>

The item of the MVC ContextMenu is rendered:

<li class="k-item k-state-default k-menu-item k-first" role="menuitem" aria-expanded="false" id="contextmenu2_mn_active">
     <span class="k-link k-menu-link">Item1</span>
</li>

The additional span with class k-menu-link-text is missing in the MVC component.

Expected/desired behavior

Identical rendering

Environment

• Kendo UI version: 2023.1.117
• jQuery version: x.y
• Browser: [all]

Bug report

Regression in R1 2023.

Reproduction of the problem

1. Set the following HtmlAttributes configuration in a Grid column:

columns.Bound(p => p.OrderDate).HtmlAttributes(new { title = "Order Date: #=kendo.toString(OrderDate, 'dd-MM-yyyy')# " });

Current behavior

kendo.toString is not executed and as a result the date is not formatted. The exact value of the title attribute, as shown above is rendered as title of the cell.

Expected/desired behavior

The logic is executed and the OrderDate value is rendered in the title with the specified format.

Environment

• Kendo UI version: 2023.1.117
• jQuery version: x.y
• Browser: [all]

Bug report

Reproduction of the problem

1. Set up a Grid for popup editing:

.ToolBar(toolbar => toolbar.Create())
.Editable(editable => editable.Mode(GridEditMode.PopUp).TemplateName("RadioButtonTemplate"))

Add a RadioButton in the RadioButtonTemplate.cshtml template:

@model GridExample.Models.OrderViewModel

@(Html.Kendo().RadioButton().Name("engine1").Checked(true).HtmlAttributes(new { @name = "engine" }).Label("1.4 Petrol, 92kW"))
@(Html.Kendo().RadioButton().Name("engine2").HtmlAttributes(new { @name = "engine" }).Label("1.8 Petrol, 118kW"))

2. Click the "Add new record" button in the Grid's toolbar.

Current behavior

A js exception is thrown and the popup does not open:

Chrome:
Uncaught TypeError: Cannot read properties of undefined (reading 'toString') kendo.all.js:313050

Firefox:
Uncaught TypeError: this.bindings.checked.get() is undefined kendo.all.min.js:10:102181

The issue is reproducible with a RadioButton or a RadioButtonFor helper.

Expected/desired behavior

No exception is thrown and the custom popup displays the RadioButton.

Environment

• Kendo UI version: 2023.1.117
• jQuery version: x.y
• Browser: [all]