Unplanned
Last Updated: 27 Feb 2024 13:53 by Andrew

Bug report

Reproducible in MVC with a custom toolbar tool that has a ClientTemplate.

Reproduction of the problem

  1. Configure the Grid for incell editing and a custom command with a template to its toolbar configuration
@(Html.Kendo().Grid<TelerikMvcApp2.Models.OrderViewModel>()
    .Name("grid")
    .Columns(columns =>
    {
        columns.Bound(p => p.OrderID).Filterable(false);
        columns.Bound(p => p.Freight);
        columns.Bound(p => p.OrderDate).Format("{0:MM/dd/yyyy}");
        columns.Bound(p => p.ShipName);
        columns.Bound(p => p.ShipCity);
    })
    .ToolBar(toolbar =>
    {
        toolbar.Save();
        toolbar.Spacer();
        toolbar.Custom().ClientTemplate("<span>test</span>");
    })
    .Pageable()
    .Sortable()
    .Scrollable()
    .Filterable()
    .HtmlAttributes(new { style = "height:550px;" })
    .Editable(editable => editable.Mode(GridEditMode.InCell))
    .DataSource(dataSource => dataSource
        .Ajax()
        .PageSize(20)
        .Model(model => model.Id(p => p.OrderID))
        .Read(read => read.Action("Orders_Read", "Grid"))
        .Create("Orders_Create", "Grid")
        .Update("Orders_Update", "Grid")
    )
)

Current behavior

Duplication of the "Cancel" button.

Expected/desired behavior

A single "Cancel" button is rendered in the toolbar.

Environment

  • Kendo UI version: 2024.1.130
  • jQuery version: x.y
  • Browser: [all]
Completed
Last Updated: 23 Feb 2024 14:07 by ADMIN
Created by: Mugurel
Comments: 0
Category: Signature
Type: Bug Report
0

Bug report

Reproduction of the problem

Open a Signature Component demo and try to draw/sign fast on an Android device.

Current behavior

When signing fast on an Android device on the Signature component, making a signature from multiple parts by picking up the finger several times, the signature process freezes for a small period of time.
See attached videos where we tested on Android and IOS devices:

Android
IOS

Expected/desired behavior

Signing/drawing should be smooth

Environment

  • Kendo UI version: 2023.2.829
  • Browser: [Android Chrome]
Completed
Last Updated: 22 Feb 2024 15:38 by ADMIN
Created by: Steven
Comments: 0
Category: ListView
Type: Bug Report
0

Bug report

When ServerOperation(true) is set, the paging is not applied after creating a new record.

Reproduction of the problem

https://demos.telerik.com/aspnet-mvc/listview/editing

Current behavior

PageSize is set to 4, but after inserting a new item, it appears along with the other items.

Expected/desired behavior

https://demos.telerik.com/kendo-ui/listview/editing
When a new item is created, remove the last one from the current page.

Environment

  • Kendo UI version: 2022.1.301
  • Browser: [all ]
Completed
Last Updated: 22 Feb 2024 15:32 by ADMIN
Release 2024 Q2

In a Selectable grid, when only one column is shown in the grid, and the model's Id field is specified, an error occurs on selection.

If you include more than one column (must be more than one visible) it works correctly.

If the model's Id is not specified, it works correctly even with only one column visible. 

 

@(Html.Kendo().Grid<TelerikMvcApp1.Models.OrderViewModel>()
    .Name("grid1")
    .Columns(columns => {
        columns.Bound(p => p.ShipName);
        columns.Bound(p => p.ShipCity).Hidden(true);
    })
    .Pageable()
    .Sortable()
    .Scrollable()
    .Filterable()
    .Selectable(s => s.Mode(GridSelectionMode.Single))
    .HtmlAttributes(new { style = "height:430px;" })
    .DataSource(dataSource => dataSource
        .Ajax()
        .PageSize(20)
        .Read(read => read.Action("Orders_Read", "Grid"))
        .Model(m => m.Id("OrderID"))
     )
)


Completed
Last Updated: 22 Feb 2024 14:25 by ADMIN
Release 2024 Q2

Bug report

DropDownList editor in a Form component with ServerFiltering enabled causes a js exception.

Reproduction of the problem

  1. Enable ServerFiltering in the DropDownList editor:
@(Html.Kendo().Form<MVCFormValidation.Models.UserViewModel>()
	.Name("formExample")
	.HtmlAttributes(new { action = "/Home/Index", method = "POST" })
	.Validatable(v =>
	{
		v.ValidateOnBlur(true);
		v.ValidationSummary(vs => vs.Enable(false));
	})
	.Items(items =>
	{
		items.AddGroup()
			.Label("Registration Form")
			.Items(i =>
			{

				i.Add()
					.Field(f => f.FirstName)
					.Label(l => l.Text("First Name:"));

				i.Add()
					.Field(f => f.LastName)
					.Label(l => l.Text("Last Name:"));

				i.Add()
					.Field(f => f.NumberOfShares)
					.Label(l => l.Text("Number Of Shares:"));

				i.Add().Field(m => m.Country.Id)
					.Editor(e => e.DropDownList().DataSource(source =>
					{
						source.Read(read =>
						{
							read.Action("GetCountries", "Home");		
						})
						.ServerFiltering(true);
					}).Filter(FilterType.Contains).DataTextField("Name").DataValueField("Id"))
					.Label("Country");

				i.Add()
					.Field(f => f.Email)
					.Label(l => l.Text("Email:"));
				i.Add()
					.Field(f => f.DateOfBirth)
					.Label(l => l.Text("Date of Birth:").Optional(true));
				i.Add()
					.Field(f => f.Agree)
					.Label(l => l.Text("Agree to Terms:"));
			});
	})
)

Current behavior

On page load a js exception is thrown:
Uncaught Error: Syntax error, unrecognized expression: #

Expected/desired behavior

No exceptions.

Environment

  • Kendo UI version: 2023.3.1114
  • jQuery version: 3.4.1, 3.7.1
  • Browser: [all]
Completed
Last Updated: 21 Feb 2024 12:42 by ADMIN

Bug report

Reproduction of the problem

Reproducible in the demos: https://demos.telerik.com/kendo-ui/imageeditor/index

  1. Open the browser's devtools console
  2. Click the "Resize" tool in the ImageEditor's toolbar.
  3. Change the image Width or Height value to 0 and blur the input.

Current behavior

A js exception is thrown after blurring the input:
Uncaught RangeError: Maximum call stack size exceeded

Subsequently, on attempting to enter a valid width/height value, the same exception is thrown and resizing the image becomes impossible.

Expected/desired behavior

No js exceptions are thrown.

Environment

  • Kendo UI version: 2021.3.1207
  • jQuery version: x.y
  • Browser: [all]
Unplanned
Last Updated: 16 Feb 2024 10:42 by Saurabh

### Bug report

When server-side localization is used (the culture is different than the default one ("en-US")), all columns are filterable, even when the Filterable() configuration is disabled.

### Reproduction of the problem

1) Create a filterable TreeList and disable the filtering of a specified column.

2) Set the server-side culture to "es-ES".

//Web.config

<system.web>
    <globalization uiCulture="es-ES" culture="es-ES"></globalization>
</system.web>

//View.cshtml
@(Html.Kendo().TreeList<UserViewModel>()
        .Name("treelist")
        .Columns(columns => {
            columns.Add().Field(p => p.id).Filterable(false);
            columns.Add().Field(p => p.Name);
            ...
        })
	.Filterable(true)
	...
)

3) The "id" column is filterable even though the filtering is disabled:

### Expected/desired behavior

The filtering per column must be configurable irrespective of whether localization is used or not.

### Workaround

After the TreeList is initialized, call the setOptions() method and disable the filtering of the respective columns:

<script>
    $(document).ready(function () {
        var treelist = $("#treelist").getKendoTreeList();
        if (treelist) {
            var colOptions = treelist.columns;
            colOptions[0].filterable = false;
            treelist.setOptions({ columns: colOptions });
        }
    })
</script>

### Environment

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

Unplanned
Last Updated: 12 Feb 2024 07:05 by Pantulu
Created by: Pantulu
Comments: 0
Category: Chart
Type: Feature Request
1
Add an option for creating 3D charts within the Kendo UI for ASP.NET MVC and for ASP.NET Core.
Completed
Last Updated: 07 Feb 2024 12:04 by ADMIN
Release 2024 Q2

Bug report

Reproduction of the problem

https://dojo.telerik.com/ORahihiZ/2

  1. Edit a card

Current behavior

The second editor (NumericTextBox) in the popup is focused by default.

Expected/desired behavior

Since the form's focusFirst option is enabled, the first editor (textarea) in the popup should be focused by default.

As a workaround, the textarea can be focused in the editCard event handler:

function onEditCard(e) {
    setTimeout(function() {
        $(".k-taskboard-pane-content textarea").focus();
    }, 100)
}

Environment

  • Kendo UI version: 2023.2.306
  • jQuery version: x.y
  • Browser: [all]
Unplanned
Last Updated: 06 Feb 2024 16:12 by Garry

Bug report

The rendering (structure and order of elements) of the th element of a column, for which a HeaderTemplate is set, does not match the Kendo UI Grid's rendering in a similar scenario. Prerequisites: HeaderTemplate, Sortable, Filterable enabled. For more context, see Ticket ID: 1639834.

Reproduction of the problem

Check the rendering of the header of the second column:

@(Html.Kendo().Grid<TelerikMvcApp1.Models.OrderViewModel>()
    .Name("grid2")
    .Columns(columns => {
        columns.Bound(p => p.OrderID).Filterable(false).Width(100);
        columns.Bound(p => p.Freight).HeaderTemplate("<span class='k-link'>My Template</span>");
        columns.Bound(p => p.OrderDate).Format("{0:MM/dd/yyyy}").Width(140);
        columns.Bound(p => p.ShipName);
        columns.Bound(p => p.ShipCity).Width(150);
    })
    .Sortable()
    .Filterable()
    .Pageable()
    .Scrollable()
    .HtmlAttributes(new { style = "height:430px;" })
    .DataSource(dataSource => dataSource
        .Ajax()
        .PageSize(20)
        .Read(read => read.Action("Orders_Read", "Grid"))
     )
)

Current behavior

The content of the th is the following:

<a aria-hidden="true" class="k-grid-filter-menu k-grid-header-menu">
    ...
</a>
<span class="k-link">
    ...
</span>

Expected/desired behavior

The th content should be rendered as follows:

<span class='k-cell-inner'>
    <span class='k-link'>
        ...
    </span>
    <a aria-hidden='true' class='k-grid-filter-menu k-grid-header-menu'>
        ...
    </a>
</span>

It should match the Kendo UI Grid's rendering: https://dojo.telerik.com/oTalIGir/8

Environment

  • Kendo UI version: 2024.1.130
  • jQuery version: x.y
  • Browser: [all]
Completed
Last Updated: 06 Feb 2024 11:54 by ADMIN
Created by: Support
Comments: 2
Category: UI for ASP.NET MVC
Type: Bug Report
2

Bug report

Reproduction of the problem

  1. Reference kendo.all.min.js and kendo.all.min.js.map in a project
  2. Add a basic Grid:
<div id="grid"></div>
<script>
    // The dataSource is initialized as a stand-alone widget that can be bound to the Grid.
    var dataSource = new kendo.data.DataSource({
        transport: {
            read: {
                // The remote endpoint from which the data is retrieved.
                url: "https://demos.telerik.com/kendo-ui/service/products",
                dataType: "jsonp"
            }
        },
        pageSize: 10
    });

    $("#grid").kendoGrid({
        // The dataSource configuration is set to an existing DataSource instance.
        dataSource: dataSource,
        pageable: true
    });
</script>
  1. Open the browser's dev tools Source tab and place a breakpoint (e.g., on line 3715).

Current behavior

The breakpoint is added at the last line (326079) of the file.

Expected/desired behavior

The breakpoint is added at the desired line (e.g., 3715).

Environment

  • Kendo UI version: 2023.3.1010
  • jQuery version: x.y
  • Browser: [ Chrome XX]
Unplanned
Last Updated: 05 Feb 2024 12:21 by ADMIN
Created by: Oscar
Comments: 1
Category: UI for ASP.NET MVC
Type: Feature Request
10
Row's hover effect should be optional and it could be enabled/disabled in grid's configuration, the same as we add Selectable, Navigatable, Sortable, Editable, etc., functionalities to grid. This could apply to odd/even coloring too. Should no need to do hacks to achieve this.
Completed
Last Updated: 05 Feb 2024 12:19 by ADMIN
Release R1.2024-Increment.1(15.Nov.2023)

Bug report

Prerequisites: reordering a non-locked column before a locked column. There could be one or more locked columns.
This behavior appeared in v2021.3.1207.

Reproduction of the problem

Dojo example: https://dojo.telerik.com/UhExAXIv/5

  1. Click, hold and slowly drag the header of the OrderDate column over the locked ID column.
  2. Attempt to reorder the OrderDate column before the ID column.

Current behavior

The reorder hint appears only when you hover the left border of the ID cell. This makes dropping the header at the right spot difficult, since you have to be very precise and if you are too fast, you have to re-adjust the mouse cursor position right on top of the left border of the cell.

Expected/desired behavior

The reorder hint should appear when mouse cursor enters the boundaries of the target cell. For example, slowly drag ShipCity before ShipCountry. Note how the reorder hint appears once you enter the boundaries of the ShipCountry cell and you don't have to drag all the way to ShipCountry's left border.

Environment

  • Kendo UI version: 2023.2.829
  • jQuery version: x.y
  • Browser: [all]
Completed
Last Updated: 05 Feb 2024 12:17 by ADMIN
Of the highest priority, we desperately need file explorer for inserting and uploading images.  In the AJAX editor, this appears to be build off the radFileExplorer control which is the other one we REALLY need for MVC which doesn't exist at all.
Completed
Last Updated: 05 Feb 2024 12:12 by ADMIN
Created by: Court
Comments: 1
Category: Grid
Type: Feature Request
0

https://demos.telerik.com/aspnet-mvc/grid/foreignkeycolumn

In addition to the Foreign Key editor template, populate a list which holds all the categories and pass it via the ViewData - you can see how this is done in the ForeignKeyColumnController.cs PopulateCategories() method.

On the above page, the above statement is made.  Other than the function call to PopulateCategories() I don't ever see the actual code run in the function shown anywhere.  Can someone please add that code and/or point me to my misunderstanding?

Thank you.

Court Harris
Equity Residential

Unplanned
Last Updated: 05 Feb 2024 12:10 by ADMIN

Enhancement

Currently, the RadioGroup binding does not implement the extended functionality for

Reproduction

RadioButtons have different behavior from the RadioGroup, when selecting values :

https://dojo.telerik.com/@protest/ovedihat

Expected/desired behavior

RadioGroup should have the same behavior.

Environment

  • Kendo UI version: 2022.1.119
  • Browser: [all]
Completed
Last Updated: 05 Feb 2024 12:09 by ADMIN
Release 2022.R2.SP2
Created by: Jonathan
Comments: 1
Category: UI for ASP.NET MVC
Type: Bug Report
0

Hi,

We are using globalization with UI for ASP.NET MVC to translate control to French (fr-CA). However, while most messages are correctly displayed in French, there are some that are still displayed in English. For example, if we use the Grid control with filter on a 'string' column, the dropdown for the operators shows both French ("Commence par") and English ("Is empty") operators:

Looking at the source code, we can see that in ressource files "Messages.fr-FR.resx" and "Messages.fr-CA.resx", there are some messages that are still in English (for example, Filter_StringIsEmpty).

Note that corresponding text seems to be correctly translated in jQuery messages file (for example, "kendo.messages.fr-CA.js"), so it might only be a matter of applying the same translation to .resx files.

Note also that the same problem seems to be present in the source code of the latest version (2020.1.114).

Thanks! 

Need More Info
Last Updated: 05 Feb 2024 08:45 by ADMIN

I have created this basic panelbar, in which expandall is set to false and one of the panelbars (i.e., General Info) is set to be expanded by default.

The problem is now with the second panelbar (Advanced Info), which is collapsed by default, but is not able to expand even after trying.

All that's  changing is expand and collapse arrow.

The same was working properly in earlier versions.

Hoping for your earliest response.

     @(Html.Kendo().PanelBar()
             .Name("Panelbar").Events(e => e.Error("onError").Expand("OnExpand").Collapse("OnCollapse"))
             .ExpandAll(false)
             .Items(panelbar =>
             {
                 panelbar.Add().Text("General Info")
             .Expanded(true)
             .Content(@<div class="container" style="margin:1%;width:auto"><p>HI</p></div>);
                 panelbar.Add().Text("Advanced Info")
             .Content(@<div class="container" style="margin:1%;width:auto"><p>HI</p></div>);  
             })
         )
 </div>

Unplanned
Last Updated: 31 Jan 2024 07:53 by Greg
Created by: Greg
Comments: 0
Category: UI for ASP.NET MVC
Type: Feature Request
1
Adding SVG Helper and widget will provide the opportunity to add SVG icons without the need of additional scripts to be added manually
Unplanned
Last Updated: 29 Jan 2024 11:12 by Sarah

Bug report

The DropDownList is incorrectly marked as invalid, when another field of the model is invalid.

Reproduction of the problem

Sample project attached.
MVCFormValidation.zip

  1. Run the project
  2. Click the submit button. It submits the form and in the submit action a model error is added to a specific field of the model: ModelState.AddModelError("NumberOfShares", "Number not in the expected range");

Current behavior

Two validation errors appear after the form submission: one for the NumberOfShares field and a second one for the Country.Id field, for which a DropDownList editor is used.

Expected/desired behavior

A validation error appears only for the NumberOfShares field.
Note that if no editor is specified for the Country.Id field (instead of using a DropDownList editor), e.g.,

	i.Add()
	    .Field(f => f.Country.Id)
	    .Label(l => l.Text("Country"));

no validation error message is shown for Country.Id.

Environment

  • Kendo UI version: 2023.3.1114
  • jQuery version: x.y
  • Browser: [all]
1 2 3 4 5 6