Currently, to set a field's label and text the Wizard's Label() and Title() options must be used:

items
	.Add()
	.Field(p => p.DropdownId)
	.Label(l => l.Text("Dropdown"))
	.Title("Dropdown")

It would be helpful if the Wizard can be configured to get these from the data annotation attributes in the model:

[Display(Name = "Dropdown")]
public int DropdownId{ get; set; }

Having a floating label functionality similar to the one available for the native Vue DropDownList, would be nice to have.

https://www.telerik.com/kendo-vue-ui/components/dropdowns/floating-labels/

### Bug report

The Telerik UI ListBox is not being rendered when the AutoBind() option is specified. Regardless of the value that is put inside the method - be it true/false.

### Reproduction of the problem

1. Set the DataSource option of the ListBox without specifying type such as Ajax/Custom.

2. Set the AutoBind(true) option.

3. Run the application - the page is not rendered at all.

### Expected/desired behavior

The widget should be rendered when the AutoBind is set to true/false.

### TicketID: 1524780

### Possible reason for the behavior

When the Ajax/Custom type of the data source is not specified, the type defaults to null. Hence, there is a boolean property that is checked inside the VerifySettings method of the ListBox.cs file in the source. The IsClientBinding property checks if the widget is bound to a data source, however, since the data source does not have a type, it thinks that the widget is bound to the data via the BindTo option which is incorrect. 

Having the AutoBind() property and the BindTo() property enabled, a C# error is thrown inside the VerifySettings() method. However, this error should not be thrown when a data source is specified (even without type).

### Environment

* **Kendo UI version:** 2021.2.616
* **jQuery version:** 1.12.4
* **Browser:** [all]

Bug report

The DatePicker TagHelper does not expose the disableDates configuration option.

Reproduction of the problem

When using the DatePicker TagHelper it is not possible to set the disableDates configuration.

Expected/desired behavior

The disableDates configuration should be configurable similar to the HTML Helpers.

Environment

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

Hello,

under
https://demos.telerik.com/aspnet-core/checkbox/index
I found that a checkbox can be used as a telerik component.
Unfortunately my intellisense does not show a suggestion for checkbox when I try to use it as a tag helper. 
So my question ist:
Can checkbox be used with Tag Helper in Asp.Core 3.1 (Razor Pages) ?
Regards

Bug report

When a Telerik UI for ASP.NET Core MultiSelect is used in a Form, a JS error is thrown:

jquery.min.js:2 Uncaught Error: Syntax error, unrecognized expression: #
    at Function.se.error (jquery.min.js:2)
    at se.tokenize (jquery.min.js:2)
    at se.select (jquery.min.js:2)
    at Function.se [as find] (jquery.min.js:2)
    at S.fn.init.find (jquery.min.js:2)
    at new S.fn.init (jquery.min.js:2)
    at S (jquery.min.js:2)
    at Object.data ((index):24)
    at init.setup (kendo.all.js:6596)
    at init.read (kendo.all.js:6574)

The issue occurs when using jQuery 3.6.0, but is absent with jQuery v 1.12.4

Reproduction of the problem

@(Html.Kendo().Form<FormViewModel>()
        .Name("exampleForm")
        .HtmlAttributes(new { action = "Items", method = "POST" })
        .Validatable(v =>
        {
            v.ValidateOnBlur(true);
            v.ValidationSummary(vs => vs.Enable(true));
        })
        .Items(items =>
        {
               items.Add()
                        .Field(f => f.MultiSelect)
                        .Label(l => l.Text("MultiSelect:"))
                        .Editor(e =>
                        {
                            e.MultiSelect()
                                .HtmlAttributes(new { })
                                .Placeholder("Select...")
                                .DataTextField("ProductName")
                                .DataValueField("ProductID")
                                .HtmlAttributes(new { style = "width:100%" })
                                .Height(520)
                                .DataSource(source =>
                                {
                                    source.Read(read =>
                                    {
                                        read.Action("Items_GetProducts", "Form");
                                    })
                                    .ServerFiltering(true);
                                });
                        });
             })
    )

    public class FormViewModel
    {
        public List<ProductViewModel> MultiSelect { get; set; }
    }

Runnable sample available in ticket 1540812

Expected/desired behavior

JavaScript error should not be thrown.

Environment

• Kendo UI version: 2021.3.914
• jQuery version: 3.6.0
• Browser: [all]

Bug report

When server-side localization is used Filtering is always enabled.

Reproduction of the problem

Runnable sample is available in ticket 1580765
The Filterable.Operators automatically configures the messages for the string, number, date and enum operators based on the resx files.

Current behavior

Filtering for the TreeList is always enabled.

Expected/desired behavior

Filtering for the TreeList should be configurable irrespective of whether localization is used or not.

Workaround

After the TreeList is initialized call the setOptions method and disable filtering:

$(document).ready(function(){
    var treelist = $("#treelist").getKendoTreeList();
    treelist.setOptions({
        filterable:false
    });
})

Environment

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

Bug report

New lines are not removed from the serialized Toolbar.ClientTemplate when multiline content is provided and the Grid is in a DetailTemplate, thus generating an invalid template and causing a Chrome Exception.

Reproduction of the problem

The following template configuration is valid and works for the parent grid, but not for child grids:

.ToolBar(toolbar => toolbar.ClientTemplate(@" 
            <div class='filter'>
                <span class='k-textbox k-display-flex auto-filter''>
                    <input id='search' autocomplete='off' class='k-input' placeholder='Search...' title='Search...' type='text'>
                    <span class='k-input-icon'><span class='k-icon k-i-search'></span></span>
                </span>
            </div>
        "))

REPL example

Current behavior

Invalid template is generated

Expected/desired behavior

A valid template should be generated

Environment

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

Currently, the ExportAs configuration exposes Proxy method to setup the proxyUrl field, but it is limited to enter only action and controller. Whereas in RazorPages a URL with handler should be defined instead. 

Plus, in order for the AntiForgeryToken to work properly it should be injected in the form submitted by the tool.

Bug report

Link do not appear properly in a TagHelper menu that uses asp-action and asp-controller. In version 2.1 the application crashes

Reproduction of the problem

1. In app that uses Telerik UI for ASP .NET Core 2022.2.510 or configure a TagHelper Menu with the following TagHelpers:

       <menu-item text="Furniture">
             <sub-items>
                 <menu-item text="Tables & Chairs" asp-action="About" asp-controller="Home" ></menu-item>
              </sub-items>
       </menu-item>

2. Run the project

Expected/desired behavior

Microsoft Tag Helpers should create a working anchor tag

Environment

• Kendo UI version: 2022.2.510

Bug report

When defining a PanelBar with Custom DataSource the Schema configuration is not serialized.

Reproduction of the problem

The following configuration

@(Html.Kendo().PanelBar()
		.Name("panelbar")
		.AutoBind(false)
		.DataSource(dataSource => dataSource
			.Custom()
			.Schema(schema => schema
				.Model(model => model.Children("Aggregates"))
			)
		)
	)

generates the following initialization script:

kendo.syncReady(function() {
    jQuery("#panelbar").kendoPanelBar({
        "autoBind": false,
        "loadOnDemand": true,
        "expandMode": "multiple",
        "dataSource": {
            "schema": {
                "model": {
                    "fields": {}
                }
            }
        }
    });
});

The ASP.NET MVC wrapper serializes the schema as expected.

Expected/desired behavior

The Schema configuration should be serialized.

Environment

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

Bug report

The Form TagHelper does not provide support for hidden fields, similar to the HtmlHelper.

Reproduction of the problem

The Form TagHelper does not allow similar built-in configuration:

.Items(i =>
            {
            i.Add()
                .Field(f => f.UserID)
                .Editor(editor => editor.Hidden());
            })

Expected/desired behavior

The Form TagHelper should support hidden inputs.

Workaround

Similar result can be achieved by setting the editor-handler attribute, creating a hidden input and setting an empty label:

<form-items>
    <form-item field="UserID" editor-handler="hiddenEditor" >
        <item-label text=" " />
    </form-item>
</form-items>

<script>
    function hiddenEditor(container, options) {
        $('<input type="hidden" data-bind="value: ' + options.field + '" name="' + options.field + '"/>')
            .appendTo(container);
    }
</script>

Environment

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

Bug report

PanelBar's TagHelper item url property incorrectly loads content instead of redirecting in v. 2021.2.616

Reproduction of the problem

1. Create a project that uses Kendo version 2021.2.616
2. Initialize the following PanelBar with TagHelper:

    <kendo-panelbar name="panelbar1" class="k-scrollable" style="font-size:smaller" expand-mode="single">
        <items>
            <panelbar-item name="item1" text="First Item (/Index)" url="/Index" />
            <panelbar-item name="item1" text="Second Item (/Privacy)" url="/Privacy" />
            <panelbar-item name="item2" text="Third Item (Telerik demos)" url="https://demos.telerik.com/aspnet-core/"/>
        </items>
    </kendo-panelbar>

3. Compare with the PanelBar with HtmlHelper:

      @(Html.Kendo().PanelBar()
                  .Name("panelbar")
                  .ExpandMode(PanelBarExpandMode.Single)
                  .Items(panelbar =>
                  {
                      panelbar.Add().Text("First Item (/Index)").Url("/Index");
                      panelbar.Add().Text("Second Item (/Privacy)").Url("/Privacy");
                      panelbar.Add().Text("Third Item (Telerik demos)").Url("https://demos.telerik.com/aspnet-core/");
                  })
            )

Current behavior

The Url property of the TagHelper loads content instead of redirecting.

Expected/desired behavior

The Url property should redirect and not load content.

Environment

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

Bug report

The PanelBar for Telerik UI for ASP.NET Core and the PanelBar for Telerik UI for ASP.NET MVC HTML helper behaves differently and renders different markup for the same configuration.

Reproduction of the problem

When the the following configuration is used

@(Html.Kendo().PanelBar()
                .Name("panelbar")
                .ExpandMode(PanelBarExpandMode.Multiple)
                .Items(panelbar =>
                {
                    panelbar.Add().Text("Index").Action("Index", "Home");
                    panelbar.Add().Text("Other Pages")
                        .Items(other =>
                        {
                            other.Add().Text("About").Action("About", "Home");
                            other.Add().Text("Contact").Action("Contact", "Home");
                        });
                })
    )

the following markup and initialization script are generated for Telerik UI for ASP.NET MVC:

<ul class="k-widget k-panelbar k-reset" id="panelbar">
   <li class="k-item k-state-default"><a class="k-link k-header" href="/">Index</a></li>
   <li aria-expanded="true" class="k-item k-state-active">
      <span class="k-link k-header">Other Pages<span class="k-icon k-panelbar-collapse k-i-arrow-60-up"></span></span>
      <ul aria-hidden="false" class="k-group">
         <li class="k-item k-state-default"><a class="k-link" href="/Home/About">About</a></li>
         <li class="k-item"><a class="k-link k-state-selected" href="/Home/Contact">Contact</a></li>
      </ul>
   </li>
</ul>
<script>
kendo.syncReady(function(){jQuery("#panelbar").kendoPanelBar({"expandMode":"multiple"});});

and for Telerik UI for ASP.NET Core

<ul class="k-widget k-panelbar k-reset k-header" id="panelbar" data-role="panelbar" tabindex="0" role="tree">
      <li class="k-item k-state-default k-first" role="treeitem"><a class="k-link k-header" href="/">Index</a></li>
      <li class="k-item k-state-default k-last" aria-expanded="false" role="treeitem">
         <span class="k-link k-header">Other Pages<span class="k-icon  k-panelbar-expand k-i-arrow-60-down"></span></span>
         <ul class="k-group k-panel" style="display:none" role="group" aria-hidden="true">
            <li class="k-item k-state-default k-first" role="treeitem"><a class="k-link" href="/Home/About">About</a></li>
            <li class="k-item k-state-default k-last" role="treeitem" aria-selected="true"><a class="k-link k-state-selected" href="/Home/Contact">Contact</a></li>
         </ul>
      </li>
   </ul>
   <script>kendo.syncReady(function(){jQuery("#panelbar").kendoPanelBar({"autoBind":true,"loadOnDemand":true,"expandMode":"multiple"});});</script>

Current behavior

Besides the different markup the component behaves differently - navigating to the Contact page with the above configuration results in the PanelBar for Telerik UI for ASP.NET MVC being expanded and the Contact Child item selected, but the the PanelBar for Telerik UI for ASP.NET Core is collapsed and the selected item is not visible.

Expected/desired behavior

The PanelBar should behave the same way in the Telerik UI for ASP.NET MVC and Telerik UI for ASP.NET Core suites.

Environment

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

Bug report

Grid's headers break upon ungrouping when the filterable mode is set to "row"

Reproduction of the problem

1. Run the following dojo.
2. Drag a column for grouping.
3. Ungroup the column.

Current behavior

Upon ungrouping the Grid's headers are disrupted.

Expected/desired behavior

The Grid's headers should not be disrupted upon ungrouping.

Environment

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

Trying to attach an event to the Core Sparkline wrapper like this:

leads to a compilation error:

Error CS0121 The call is ambiguous between the following methods or properties: 'SparklineBuilder<T>.Events(Action<ChartEventBuilder>)' and 'SparklineBuilder<T>.Events(Action<SparklineEventBuilder>)'

Bug report

Incorrect id attribute is generated when the Value() configuration contains spaces. As a result a RadioButton component is not initialized.
This is a regression introduced with v2022.1.301

Reproduction of the problem

The following RadioButton definition:

@(Html.Kendo().RadioButton().Name("radioBtn1").Value("Value with spaces"))

generates an incorrect id attribute

<input id="radioBtn1_Value with spaces" name="radioBtn1" type="radio">
kendo.syncReady(function() {
    jQuery("#radioBtn1_Value with spaces").kendoRadioButton({
        "checked": false,
        "value": "Value with spaces"
    });
});

Expected/desired behavior

A valid id attribute should be generated.

TicketID:

1569749

Environment

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

Bug report

The Wizard's stepper does not allow manual navigation when the select() method is used on the last step.

Reproduction of the problem

1. Run this dojo.
2. Navigate to the last step of the Stepper.
3. Click on the Done button.
4. Try navigating to a given step by manually clicking on the Stepper.

Current behavior

The Wizard's stepper does not allow manual navigation when the .select() method is used on the last step and navigates back to the first index of the Stepper.

Expected/desired behavior

The Wizard's stepper should allow manual navigation when the .select() method is used on the last step and navigates back to the first index of the Stepper.

Environment

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

Bug report

Security Trimming does not work with custom authorization attributes

Reproduction of the problem

When custom authorization attribute is used it is not evaluated and the menu item not hidden, if authorization has failed.

Expected/desired behavior

Security Trimming does not work with custom authorization attributes.

Environment

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