.png){kind=avatar}
The decimal place is only considered up to the 5th decimal, such as 2.5 for example.
Therefore, if the Rating receives a value such as 2.1, 2.2, 2.3, 2.4, 2.5, it normally presents, as in the image below.
After the decimal 5, the decimal place is disregarded, rounding up to the next whole number.
So, if the Rating receives a value such as 2.6, 2.7, 2.8, 2.9, it presents incorrectly, as in the image below.
The problem is not in the filling of the stars, since Kendo makes it clear in its documentation that even the decimal 5 is considered as a half star, from that it would really be an entire star.
The problem is related to the label, which in this last example should have “2.6 / 5” instead of “3/5”.
In the link below to see a simulation.
https://dojo.telerik.com/iliKAqUr
- select "Oranges" from the dropdown
- press "Change value to 'Bananas'" button
- press "Sort" button
- select "Oranges" from the dropdown
Expected: should see two events for "Changed to Oranges" but only see one
Actual: status only shows one value change event from the first selection of "Oranges"
It seems this issue was introduced with the fix for https://github.com/telerik/kendo-ui-core/issues/4496
The introduction of _oldText in the _change method of kendo.list.js has introduced a flaw in the value change detection for DropDownList
The above dojo presents a way to short-circuit the issue since it is not easy to show the _oldText issue since the index check works as a fallback.
I was working with a badge widget and I noticed an issue when the value property is specified as 0. It does not change the value displayed in the badge. I have attached a snippet based on the Basic usage demo for a Badge. I originally noticed it because I'm using the badge in MVVM pattern.
<!DOCTYPE html>
<html>
<head>
<base href="https://demos.telerik.com/kendo-ui/badge/index">
<style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
<title></title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.219/styles/kendo.default-v2.min.css" />
<script src="https://kendo.cdn.telerik.com/2020.1.219/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2020.1.219/js/kendo.all.min.js"></script>
</head>
<body>
<div id="example">
<div class="demo-section k-content">
<div id="toolbar"></div>
</div>
<script>
$("#toolbar").kendoToolBar({
items: [
{
template: '<a class="k-button k-badge-overlay" href="#"><span class="k-icon k-i-user"></span><span id="badge-overlay">2</span></a>'
},
{
template: '<a class="k-button k-badge-overlay" href="#"><span class="k-icon k-i-email"></span><span id="badge-inbox">5</span></a>'
},
{
template: '<a class="k-button" href="#">See later <span id="badge-sent">15</span></a>'
},
{
template: '<a class="k-button" href="#">News<span id="badge-missed">99+</span></a>'
}
]
});
$('#badge-inbox').kendoBadge({
type: 'info',
appearance: 'rectangle'
})
$('#badge-sent').kendoBadge({
type: 'success',
appearance: 'rectangle'
})
$('#badge-missed').kendoBadge({
type: 'warning',
value: 0, /*The span has an original value specified in HTML. When it is run, the value doesn't change unless you change it to something other than 0, i.e. 10*/
appearance: 'rectangle'
})
$('#badge-overlay').kendoBadge({
type: 'primary'
})
</script>
<style>
#toolbar {
display: flex;
justify-content: center;
height: 80px;
}
#example a{
margin-left: 5px;
}
#example .k-icon {
font-size: 20px;
}
</style>
</div>
</body>
</html>
Currently you can clone the Pager to make it appear both on Top/Bottom. This should be configurable so that you can have in on top of the grid or the bottom of grid or both
It would be nice to be able to configure the grid in a way that when I collapse a group, the lines it was occupying are then filled up by the results from the following pages. Kendo Grid currently only minimizes the results of the current page. It ignores the pageSize config we have set, not bringing more items to occupy the number of lines we have configured. Here are some screenshots I took from the DevExpress grid. There you can see that the column year is grouped and initially the years 90 and 91 are expanded. When I collapse the year 90, the results from the year 91 fill up the space the other group was not using anymore. http://imgur.com/a/IV4CT
Bug report
DatePicker throws JS error "Cannot read property '_focus' of undefined" in the following scenario:
1. Focus element
2. Select all text inside
3 Press Backspace or Delete
4. Remove focus from the element by clicking outside
Dojo to reproduce: https://dojo.telerik.com/uZAhiHuC
Reported in #1450532
In cases when we have loadOnDemand set to true and we want to populate the value of the DropDownTree initially we need a way to check if this value is part of the available options. One possible solution is adding a valueMapper function similar to the one use in virtualization scenarios.
Bug report
When using Spreadsheet with SASS theme and entering an array formula with Ctrl+Shift+Enter the {} braces surrounding array formula in the formula bar are not displayed.
Reproduction of the problem
Enter the following formula in any cell within the dojos below cell and press Ctrl+Shift+Enter : =Product(C3:C11)
dojo of a Spreadsheet demo with LESS theme
dojo of a Spreadsheet demo with SASS theme
Current behavior
Spreadsheet with LESS based theme displays the array formula correctly in the formula bar: {=Product(C3:C11)}
Spreadsheet with SASS based theme displays the array formula incorrectly in the formula bar: =Product(C3:C11)
Expected/desired behavior
Spreadsheet with SASS based theme should display array formulas with {} braces: {=Product(C3:C11)}
Environment
Kendo UI version: 2019.3.1023
Set an indicator same way that grid already does but now in sheet cells when a record is 'dirty'.