Bug report
The loading spinner does not appear on the first data binding.
Reproduction of the problem
Reproduction :
https://dojo.telerik.com/iKoyESUV/7
- Click on the 'Refresh' button. The loading spinner does not appear.
- When the refresh button is clicked a second time, the spinner appears.
Current behavior
The loading spinner does not appear on the first data binding.
Expected/desired behavior
The loading spinner should appear on the first data binding too.
Environment
- Kendo UI version: 202x.r.ddd
- jQuery version: x.y
- Browser: [all ]
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 ]
Bug report
Reproduction of the problem
- Visual Studio 2019 version 16.8.3 (or another version the extension works with)
- Install the Scaffolder extension.
- In a sample Terlerik ASP.NET MVC Application verify that the Kendo Scaffolder and its configuration panel work as expected.
- 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]
Describe the bug
Column headers do not resize properly in IE11 when scrollable is set to false. Regression introduced in 2021.3.914.
To reproduce
Steps to reproduce the behavior:
The column headers are squished to the left side.
Expected behavior
Columns headers must have the same width as the respective columns.
Workaround:
.k-ie .k-grid-header {
display: table-header-group;
}
Affected package (please remove the unneeded items)
- theme-default
- theme-bootstrap
- theme-material
Affected suites (please remove the unneeded items)
- Kendo UI for jQuery
Affected browsers (please remove the unneeded items)
- IE version: 11
Build system information (please remove the unneeded items)
- Not Applicable
Bug report
The Kendo UI Grid's Toolbar Template UI for ASP.NET MVC documentation displays an approach used for UI for ASP.NET Core. The ClientTemplate and ClientTemplateID are not available for UI for ASP.NET MVC.
Reproduction of the problem
Please try the approach used in the documentation. It is not available for UI for ASP.NET MVC.
Expected/desired behavior
Either include the approach for UI for ASP.NET MVC, or modify the documentation.
Environment
- Kendo UI version: 2022.2.510
- jQuery version: 3.6
- Browser: all
### Bug report
When a custom class or styles are set through the HtmlAttributes() method, they are not applied to the Stepper's element.
### Reproduction of the problem
1. Set a class in the Stepper's HtmlAttributes, e.g.,
```
.HtmlAttributes(new { @class = "test" })
```
2. Add a custom style in the Stepper's HtmlAttributes, e.g.,
```
.HtmlAttributes(new { style = "color: blue;" })
```
### Current behavior
The custom class/styles are not applied to the Stepper's wrapping element.
### Expected/desired behavior
The custom classes and styles are applied to the Stepper.
### Environment
* **Kendo UI version: 2022.1.412
* **jQuery version: 1.12.4
* **Browser: [all]
### Bug report
When a custom class or styles are set through the HtmlAttributes() method, they are not applied to the Stepper's element.
### Reproduction of the problem
1. Set a class in the Stepper's HtmlAttributes, e.g.,
```
.HtmlAttributes(new { @class = "test" })
```
2. Add a custom style in the Stepper's HtmlAttributes, e.g.,
```
.HtmlAttributes(new { style = "color: blue;" })
```
### Current behavior
The custom class/styles are not applied to the Stepper's wrapping element.
### Expected/desired behavior
The custom classes and styles are applied to the Stepper.
### Environment
* **Kendo UI version: 2022.1.412
* **jQuery version: 1.12.4
* **Browser: [all]
When a custom class or styles are set through the HtmlAttributes() method, they are not applied to the Stepper's element.
### Reproduction of the problem
1. Set a class in the Stepper's HtmlAttributes, e.g.,
```
.HtmlAttributes(new { @class = "test" })
```
2. Add a custom style in the Stepper's HtmlAttributes, e.g.,
```
.HtmlAttributes(new { style = "color: blue;" })
```
### Current behavior
The custom class/styles are not applied to the Stepper's wrapping element.
### Expected/desired behavior
The custom classes and styles are applied to the Stepper.
### Environment
* **Kendo UI version: 2022.1.412
* **jQuery version: 1.12.4
* **Browser: [all]
Bug report
Reproduction of the problem
- Set a class in the TimeLine's HtmlAttributes, e.g.,
.HtmlAttributes(new { @class = "test" })
Current behavior
The custom class is not applied to the TimeLine's wrapping element.
Expected/desired behavior
The custom class is applied to the TimeLine along with the pre-defined Kendo classes.
Environment
- Kendo UI version: 2022.1.412
- jQuery version: x.y
- Browser: [all]
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
Reproducible with a Grid nested in the content of the tab, or loaded in the tab through AJAX.
Reproduction of the problem
Dojo example: https://dojo.telerik.com/eJuHaTan
- Select Tab1, or click the button above the TabStrip to select the tab programmatically.
- Try to reorder a row in the Grid in Tab1.
Current behavior
The rows cannot be reordered.
Expected/desired behavior
The rows can be reordered.
Environment
- Kendo UI version: 2022.1.412
- jQuery version: x.y
- Browser: [all]
Describe the bug
When boostrap.min.css is loaded on the page, the positioning of the Gantt tasks within the task rows is incorrect. The task are not centered and start overlapping the next row. Additionally, misalignment between the rows in the timeline and the treelist appears.
To reproduce
Steps to reproduce the behavior:
https://dojo.telerik.com/AYeWOkIX
The misalignment increases with each next row, so it becomes more evident, if you scroll down the view.
Expected behavior
Tasks are centered within their row. Timeline and treelist rows are aligned.
Screenshots
Affected package (please remove the unneeded items)
- theme-default
- theme-bootstrap
- theme-material
- theme-tasks
Affected suites (please remove the unneeded items)
- Kendo UI for jQuery
Affected browsers (please remove the unneeded items)
- All
Build system information (please remove the unneeded items)
- Not Applicable
Additional context
Add any other context about the bug.
If I specify "SortMode.Mixed" for a Grid's "SortMode" (via the .Sortable fluent method), the sort mode in the JavaScript initializer is set to "multiple" instead. This can even be seen on the MVC Demo page here: https://demos.telerik.com/aspnet-mvc/grid/sorting (the "mixed" demo behaves just like "multiple").
In the Kendo MVC source code for 2022.1.301, the GridSortableSettings.Serialize method appears to use the following logic:
if (SortMode != GridSortMode.SingleColumn)
{
json["mode"] = "multiple";
}
Bug report
Reproduction of the problem
Reproducible in:
https://demos.telerik.com/aspnet-mvc/grid/editing-inline
and
https://demos.telerik.com/aspnet-core/grid/editing-inline
- Put a row in edit mode.
- Inspect the input in the ProductName column
Current behavior
The input does not have a title attribute or label.
Expected/desired behavior
The input should either have a title attribute, like in the Kendo UI for jQuery Grid, or since we use a TextBox component as editor in MVC and Core, a label should be rendered.
Environment
- Kendo UI version: 2021.2.616
- jQuery version: x.y
- Browser: [all]
I've been using the "Change" event to handle a Single Row Selection grid as that seems to be the event to use to determine when the user selects a row.
I just tried adding "persistSelection(true)" to my grid but it seems to be triggering a change event when I switch to another page and back to the previous page, or do an external $(this).data('kendoGrid').dataSource.read() on the grid.
How can I only get a change event when the USER selects a row, not the persistedSelection selecting the row?
Or at least detetect where it came from it in my Change event?
Thanks,
Bryan
Bug report
Regression introduced in R1 2022. Reproducible only with the LESS themes.
Reproduction of the problem
Dojo example: https://dojo.telerik.com/UQOniRab
- Click the DropDownList to open its dropdown
Current behavior
The option label item's height is very small and no hover/select styles are applied to it. When the option label has some text, its height is ok, but again no hover/select styles are applied.
Expected/desired behavior
The option label item's appearance should match that of the other items.
Environment
- Kendo UI version: 2022.1.301
- jQuery version: x.y
- Browser: [all]
When we are managing large volumes of data with several thousand datasource objects (grid rows) all of the rows need to be transported with each event.
This leads to errors with the json being too large to serialize.
We wish to restrict the data footprint and only return data for the page requested.
so if the grid has 100 pages and page size is 10 we only want to return the 10 rows required for the page, not 1000 rows.
This is not possible with the Kendo grid.
To work around this issue we have devised a strategy to return the the number of datasource objects Kendo grid expects up to the requested page count, but they are empty objects with no data, and then only have the last 10 rows populated with data.
It would be better for the grid control just to expect the number of results expected to the selected page and not have to add the dummy rows, so long as the total number of rows is provided so that the grid knows how many pages there are.
Our work around looks something like this in asp.net MVC
var users = cm.getUsers();
var result = new DataSourceResult();
var results = new List<user>();
int index = 0;
if (pageNum == 1)
results = users.Take(pageSize).ToList();
else
{
index = pageSize * (pageNum - 1);
results = users.Skip(index).Take(pageSize).ToList();
}
List<user> output = null;
[This is the bit that should be handled by the kendo grid, without the need for dummy rows to further reduce json size]
if (index == 0)
{
output = new List<user>(results);
}
else
{
output = new user[index].ToList();
output.AddRange(results);
}
result = output.ToDataSourceResult(request);
result.Total = users.Count();
return Json(result, JsonRequestBehavior.AllowGet);
Bug report
Reproduction of the problem
- Add a CheckBoxFor helper bound to a model field that has a DisplayName set:
@(Html.Kendo().CheckBoxFor(m => m.IsAvailable).Label(string.Empty))
[Display(Name = "test")]
public bool IsAvailable { get; set; }
Current behavior
Passing string.Empty or "" to the Label option has no effect and a label with text "test" is displayed.
Expected/desired behavior
The text of the DisplayName annotation should not be rendered as label, when an empty string is passed as a parameter to the Label option.
Environment
- Kendo UI version: 2022.1.119
- jQuery version: x.y
- Browser: [all]
Bug report
Pop-up for adding a new row does not appear when a filter is applied.
Reproduction of the problem
- Apply a filter.
- Try to add a new row.
https://dojo.telerik.com/aNaCUkah/2
Current behavior
A new blank record is added to the DataSource but the pop-up for inserting a record does not appear.
Expected/desired behavior
When a filter is applied and click on the insertion button, the Pop-up should appear like when using Grid
https://dojo.telerik.com/EFigUGIX/2
Environment
- Kendo UI version: 2022.1.301
- Browser: [all]