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
It would be great to have such controls as webparts/widgets to place in a dashboard where we could move them around the screen to reorder how data is presented with option to save/retrieve the layout from a persistent source. In the dashboard the functionality would be to define a layout where we could add/remove, change position the widgets (like in dropthings or pageflakes). The widgets would contain controls like Kendo Grid or DataViz controls to display information. That would be a killer feature.
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
Can we have a theme or feature of all input controls that can support floating labels like in google material design? The current material design theme demos do not show example of floating labels.
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
Using the MobileView AngularJS directive throws an error upon initialization. This is a regression from 2019 R2 release.
Reproduction of the problem
Set an indicator same way that grid already does but now in sheet cells when a record is 'dirty'.