Overview

Currently, the Telerik UI for ASP.NET Core Form wrappers does not expose an overload for passing Template Component via the ButtonsTemplate API configuration. In comparison to its ASP.NET MVC counterpart. E.g:

** HtmlHelper **
@(Html.Kendo().Form()
        .Name("form")
        .ButtonsTemplate(Html.Kendo().Template().AddHtml("<button>Submit</button>"))
)

** TagHelper **
<kendo-form name="formExample" action="Index" method="POST">
    <buttons-template>
        <kendo-button name="test">
            Some Test
        </kendo-button>
    </buttons-template>
</kendo-form>

It would be beneficial if the configuration accepts a Template Component overload similar to the ButtonsTemplate API in the MVC wrappers.

Current behavior

The Form Core wrappers do not expose a Template component option for the Buttons Template.

Expected/desired behavior

The Form Core wrappers should expose a Template component option for the Buttons Template.

Environment

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

Overview

Currently, the only way to nest conventional HTML tag content for the Template Component would be through the following configuration

@(Html.Kendo().Template()
    .AddHtml("<div>")
    .AddHtml("<p>Test</p>")
    .AddHtml("</div>")
)

It would be beneficial if the configuration accepts a delegate overload that would allow transpose the previous configuration to the following

@(Html.Kendo().Template()
    .AddHtml(@<text>
           <div>
                 <p>Some Value</p>
           </div>
    </text>)
)

Current behavior

Currently, the Template component does not expose a delegate overload for the .AddHtml() API configuration.

Expected/desired behavior

The Template component should expose a delegate overload for the .AddHtml() API configuration.

Environment

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

Bug report

ComboBox is not serialized correctly when declared in the Template component

Reproduction of the problem

1. Open the following Telerik REPL.
2. Notice that the ComboBox component declared in the Template is not serializing its options correctly.

Current behavior

The ComboBox is not serialized correctly when declared in the Template component.

Expected/desired behavior

The ComboBox should be serialized correctly when declared in the Template component.

Environment

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

Bug report

Reproduction of the problem

1. Run this dojo: https://dojo.telerik.com/edOMAdER/2
2. Open the TimeDurationPicker's dropdown. Change the value of the component to 1 day (01 00 00 00) and click the Set button.
3. Open the dropdown again.

Current behavior

The TimeDurationPicker sets the following value: 01 01 01 01

Expected/desired behavior

The TimeDurationPicker sets the following value: 01 00 00 00

Environment

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

Bug report

Starting from 2024.1.130 when the TreeList's Edit mode is configured to be InCell and the user interacts with the caret icon instead of collapsing/expanding appropriately the Component enters edit mode for the first column of the row.

Reproduction of the problem

1. Open the TreeList InCell Editing Demo
2. Try collapsing any of the node

Expected/desired behavior

Collapsing and expanding of the TreeList should work correctly upon user interaction.

Environment

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

Bug report

The form is not serialized correctly when declared in the Template component

Reproduction of the problem

1. Open the following Telerik REPL.
2. Notice that the Form component declared in the Template is not serializing its options correctly.

Current behavior

The Form is not serialized correctly when declared in the Template component.

Expected/desired behavior

The Form should be serialized correctly when declared in the Template component.

Environment

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

Bug report

Regression introduced with 2024.1.130. Likely related to: #7650

Workaround: remove "px" from the width values, e.g.,

width: "80"

Reproduction of the problem

1. Run this dojo: https://dojo.telerik.com/ulOPUJEW/2
2. Compare the behavior of the Grid with R3 2023 SP1: https://dojo.telerik.com/alahAneG/3

Current behavior

The columns ignore their width setting and each column has 1/3 of the Grid's width.

Expected/desired behavior

The columns widths are proportionate to the specified width values (as in R3 2023 SP1).

Environment

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

Bug report

CheckBox is not serialized correctly when declared in the Template component.

Reproduction of the problem

1. Open the following Telerik REPL.
2. Notice that the CheckBox component declared in the Template for the Discontinued field is not serialized correctly.

Current behavior

The CheckBox is not serialized correctly when declared in the Template component.

Expected/desired behavior

The CheckBox should be serialized correctly when declared in the Template component.

Environment

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

Bug report

ContextMenu with encoded items renders shows a span's Html in the item's text. Possibly related to: #7410

Reproduction of the problem

1. Run this REPL example: https://netcorerepl.telerik.com/QyOFwXFJ34F6wEyM15
2. Right-click one of the table's cells.

Current behavior

The item that has encoded="true" renders show's the Html of the span element that wraps the text of the item. The span has the k-menu-link-text class.

Expected/desired behavior

Only the item text should be visible.

Environment

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

### Bug report

When the dateInput option is enabled and the format contains the "ddd" format specifier, the DateTimePicker does not display the date format correctly. Also, when a date is selected, the formatting contains "undefined".

### Reproduction of the problem

1. Define a DateTimePicker with enabled "dateInput" and format equals to "ddd dd/MM/yyyy HH:mm".

2. The format is not correct. When you select a date it is not formatted correctly.

The issue occurs when using the DatePicker, as well.

The last working version is 2023.1.425.

Also, when the "dateInput" is disabled, the date format is displayed as expected.

A Dojo sample for reproduction: https://dojo.telerik.com/oxipADUL

### Expected/desired behavior

The date format must be "day of the week day/month/year hours:minutes" (for example, "Wed 24/01/2024 01:00").

### Environment

* **Kendo UI version: 2023.3.1114
* **jQuery version: 3.7.0
* **Browser: [all]

Bug report

In the NumericTextBox when its options are reconfigured with the setOptions method and the max property is set to be larger than the value of the widget the number in the k-inner-input gets hidden until the input gets focused.

Reproduction of the problem

1. Run this Dojo
2. Click the Change Decimal button

Current behavior

The value within the input disappears until the inputs is refocused by the user.

Expected/desired behavior

The value shouldn't change, if it is larger that the one configured in the max property.

Environment

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

Bug report

DropDownTree TagHelper throws error when the BindTo configuration is set.

Reproduction of the problem

1. Open the following Telerik REPL example.
2. Create mocked DropDownTreeItemBase data that will be populated within the bind-to TagHelper attribute.
3. Notice the observed error.

Current behavior

Setting the bind-to TagHelper attribute produces the following error

One or more errors occurred. (Object reference not set to an instance of an object.)

Expected/desired behavior

Setting the bind-to should not produce a run-time error.

Environment

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

### Bug report

When defining the ScrollView items within the component declaration, the images are not visible.

### Reproduction of the problem

Define the ScrollView TagHelper as per the example below:

<kendo-scrollview name="scrollview_TGH" content-height="100%" style="position: relative; top: 46px; height:640px; width:100vw; max-width: 100%;">
        <items>
            <scrollview-item>
                <content>
                  <div class='photo photo1'></div>
                </content>
            </scrollview-item>
            <scrollview-item>
                <content>
                  <div class='photo photo2'></div>
                </content>
            </scrollview-item>
        </items>
</kendo-scrollview>

<style>
    .photo {
        display: inline-block;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        width: inherit;
        height: inherit;
    }

    .photo1 {
        background-image: url('@Url.Content("~/images/1.jpg" )');
    }

    .photo2 {
        background-image: url('@Url.Content("~/images/2.jpg")');
    }
</style>

The items images are not visible. When the HtmlHelper version of the same configuration, the images are displayed as expected.

A REPL sample for reproduction: https://netcorerepl.telerik.com/mdPcGmuj12N3fqDI31

Possibly related to commit 04b2d4244e2fc0525e3766c56869fb1ede374ed7

### Expected/desired behavior

The images must be displayed.

### Environment

* **Telerik UI for ASP.NET Core version: 2023.2.829
* **jQuery version: 3.7.0
* **Browser: [all]

Bug report

There is an edge case in the Pager's responsive configuration. If the width is between 480 and 600 pixels both the DropDownList and Buttons that allow the user to navigate through the pages are hidden.

Reproduction of the problem

1. Open this Dojo
2. Resize the right pane to be between 480px and 600px
3. Run the Dojo

Current behavior

The buttons and dropdown are missing

Expected/desired behavior

The Pager should display a DropDownList for page selection when it is wide between 480 and 600px.

Environment

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

Bug report

When the GroupPaging configuration is present the exported Grid doesn't have any data.

Reproduction of the problem

1. Run this REPL
2. Export the Grid

Current behavior

The exported Excel only contains headers and footers

Expected/desired behavior

The whole content of the Grid must be exported.

Environment

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

Bug report

DropDownTree is not serialized correctly when declared in the Template component.

Reproduction of the problem

1. Open the following Telerik REPL.
2. Notice that the DropDowntTree component declared in the Template for the CustomerRating field is not serialized with its options correctly.

Current behavior

The DropDownTree is not serialized correctly when declared in the Template component.

Expected/desired behavior

The DropDownTree is not serialized correctly when declared in the Template component.

Environment

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

Bug report

Grid throws an error when the Filterable Column Messages TagHelper is set.

Reproduction of the problem

• Open the following Telerik REPL example.
• Set the child <messages /> in a column's <filterable></filterable> TagHelper.
• Notice the observed error.

Current behavior

Setting the Messages TagHelper produces the following compilation error:

The tag is not allowed by parent tag helper. Only child tags with name(s) 'cell, operators, datasource' are allowed.

Expected/desired behavior

Setting the Messages TagHelper should not produce the following compilation error.

Environment

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

Bug report

Template Component is not reinitialized when the pane is pinned and unpinned in the DockManager

Reproduction of the problem

1. Open the following Telerik REPL.
2. Pin the pane and notice that the component is not reinitialized.
3. Unpin the pane and notice that the component is still not reinitialized.

Current behavior

The Component residing in the pane content is not reinitialized when the pane is pinned and unpinned.

Expected/desired behavior

The Component residing in the pane content should be reinitialized when the pane is pinned and unpinned.

Environment

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

Bug report

CustomTool does not expose an Icon() API configuration in the Editor

Current behavior

Currently, defining a custom tool does not enable you to specify an icon which tends to be permitted in the Kendo UI for jQuery Editor incarnation. For example:

$("#editor").kendoEditor({
    tools: [
        {
            name: "Toggle",
            icon: "toggle-full-screen-mode"
        }
    ]
});

The following dojo showcases this behavior.

Expected/desired behavior

It would be beneficial if there is a possibility to explicitly define an icon in the MVC and Core wrappers. For instance:

@(Html.Kendo().Editor()
    .Name("editor")
    .Tools(tools => tools
        .Clear()
        .CustomButton(button => button
            .Name("ToggleFullScreen")
            .Icon("toggle-full-screen-mode")
        )
    )
)

Environment

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