The manner in which the Kendo Grid handles multiple column sorting is unusual and therefore not what a user would expect.

I believe that people expect that the column they click on to always be the primary sort column.  In the Kendo grid, (when in multi-column mode) this is not the case.

If I click on the "Unit Price" column header, and then on "Product Name", nothing happens.  Instead, clicking on "Unit Price" a second time sorts the table by "Product Name".  This is not natural. 

Instead, this should simply behave like a non-destructive sort.  If I click on "Unit Price" and it sorts by that.  Then, clicking on "Product Name" should sort everything by Product Name and, if the names are the same, the items would be sub-sorted by the previously selected column: "Unit Price"

I would further ask that the only column that shows the arrow be the primary sort column.  Users want to see what the primary sort column is, and not be confused by the other columns, which they will assume are sorted in a reasonable way.  The indices help, but I still think that a single arrow denoting the primary sort column would be preferred.

https://www.telerik.com/kendo-angular-ui/components/grid/sorting/

To be backwards compatible, maybe introduce a 'natural' sort mode which would behave in this manner, since I really believe that this is what a user expect.

As a workaround, we put the grid in 'single' mode, and then when the sort changes, we do the following.  I limit the number of SortDescriptors to 3 as a compromise between sorting the columns in a reasonable way and yet prevent there from being too many arrows

public autoSortChange(sorts: SortDescriptor[]) {
   let singleSortKey = sorts[0];
   let newSort: SortDescriptor[] = [];
   newSort[0] = singleSortKey;
   this.internalSortDescriptors = this.internalSortDescriptors.filter(des => des.field !== singleSortKey.field)

   newSort = sorts.concat(this.internalSortDescriptors)

   this.internalSortDescriptors = Array.from(newSort);
   if (this.internalSortDescriptors.length > 2) {
    this.internalSortDescriptors.length = 2;
   }
   this.gridState.sort = newSort;
   this.gridData = ...
}

Reproduction

• Set the "scrollable" and "height" options of a grid.
• Add 0 or only a few rows.
• Also reproducable by removing rows from this stackblitz: https://www.telerik.com/kendo-angular-ui/components/grid/scroll-modes/#toc-scrollable-mode

Kendo UI for Angular and Kendo UI for jQuery complete package (all components, css, js) downloadable at once with documentation. Just the way how it was for old (ex: Kendo UI jQuery 2005) versions. No individual component download.

Hello, I am trying to use the table-related toolbar tools in my editor. I am getting the compiler.js:2175 Uncaught Error: Template parse errors:
'kendo-editor-insert-table-button' is not a known element:
1. If 'kendo-editor-insert-table-button' is an Angular component, then verify that it is part of this module.
2. If 'kendo-editor-insert-table-button' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("               <!-- Kendo Built-In Toolbar tools not working correctly -->.

I have not had an issue with any other toolbar tools.

Hi,

Need a circle packing bubble chart. In my application, I required to use one use case.

Please refer attached screenshot.

FYI We are using the below dependencies in our project.

"@angular/animations": "7.2.3",
"@angular/cdk": "7.3.0",
"@angular/common": "7.2.3",
"@angular/compiler": "7.2.3",
"@angular/core": "7.2.3",
"@angular/forms": "7.2.3",
"@angular/http": "7.2.3",
"@angular/material": "7.3.0",
"@angular/platform-browser": "7.2.3",
"@angular/platform-browser-dynamic": "7.2.3",
"@angular/platform-server": "7.2.3",
"@angular/router": "7.2.3",
"@ng-bootstrap/ng-bootstrap": "4.2.2",
"@progress/kendo-angular-common": "1.1.0",
"@progress/kendo-angular-buttons": "5.0.0",
"@progress/kendo-angular-charts": "4.1.0",
"@progress/kendo-angular-dateinputs": "4.0.1",
"@progress/kendo-angular-dropdowns": "4.0.0",
"@progress/kendo-angular-excel-export": "3.0.1",
"@progress/kendo-angular-gauges": "3.0.0",
"@progress/kendo-angular-grid": "4.2.0",
"@progress/kendo-angular-inputs": "6.1.1",
"@progress/kendo-angular-intl": "2.0.0",
"@progress/kendo-angular-l10n": "2.0.0",
"@progress/kendo-angular-pdf-export": "2.0.0",
"@progress/kendo-angular-popup": "3.0.1",
"@progress/kendo-angular-scrollview": "3.0.0",
"@progress/kendo-angular-treeview": "2.5.0",
"@progress/kendo-angular-upload": "5.1.0",
"@progress/kendo-data-query": "1.5.0",
"@progress/kendo-drawing": "1.5.12",
"@progress/kendo-theme-default": "3.2.0",
"@progress/kendo-angular-layout": "4.0.0",
"@progress/kendo-ui": "2019.1.130",

https://angular-dxhzju.stackblitz.io

a. In "Show business hours" mode open event creating dialog and set start-end time that is outside of business hours specified, e.g. 07.00-07.30 when business hours are 08.00-20.00.

b. Press Save buttom.

c. Switch to "Show full day" mode.

Actual result - event is not shown.

Event appears only after, e.g. , pressing next arrow button and then pressing back arrow button.

https://stackblitz.com/edit/angular-dxhzju

1. Change scheduler timezone in combobox

2. Change view selector to "Month", for example.

Result: provided colors from resources aren't appied anymore.

HI

When i input a value with 11111111111111111 on  kendo-numerictextbox and  lost focus (blur) event the value is always change to 11111111111111112 .Any solution  to prevent this issue ?.

https://stackblitz.com/run/?file=app%2Fapp.component.ts

Hello,

Currently, the kendo theme for bootstrap overrides the default bootstrap custom component styles.

For example, the kendo checkbox has a default #FFF background but the bootstrap custom checkbox has a grey-ish background, which is always the same as the disabled style.

$custom-control-indicator-bg <--- this should be #FFF

Could this be changed back to the default bootstrap values?

Kendo version :

How to reproduce :

- Add a kendo dropdown button with some items

- Use appendTo='component' popupSetting

- Bind itemClick and close events

Stackblitz example : https://stackblitz.com/edit/kendo-dropdownbuttons-keyboardnavigation?file=app/app.component.ts

What happens :

- If you use arrows to navigate through items, is always skip one item.

- If you use enter or space to select item, the popup close and reopen immediately.

- If you prevent close as in the stackblitz example : enter and space will fire twice the itemClick event.

1. Reproduction

• open the StackBlitz from https://www.telerik.com/kendo-angular-ui/components/scheduler/views/day-week/#toc-configuration
• change the app.componet.ts file to 

import { Component } from '@angular/core';
import { SchedulerEvent } from '@progress/kendo-angular-scheduler';
import { sampleData, displayDate } from './events-utc';

@Component({
    selector: 'my-app',
    template: `
      <button (click)="days=1">1 day</button>
      <button (click)="days=3">3 days</button>
        <kendo-scheduler [kendoSchedulerBinding]="events" [selectedDate]="selectedDate"
                         startTime="07:00" endTime="19:00"
                         style="height: 600px;">
            <kendo-scheduler-multi-day-view [numberOfDays]="days">
            </kendo-scheduler-multi-day-view>

            <kendo-scheduler-week-view>
            </kendo-scheduler-week-view>

            <kendo-scheduler-work-week-view>
            </kendo-scheduler-work-week-view>
        </kendo-scheduler>
    `
})
export class AppComponent {
    public selectedDate: Date = displayDate;
    public events: SchedulerEvent[] = sampleData;
    days = 1;
}

• in app make sure, the multi-day view is active
• you'll see one day
  
• click on button "3 days" 

2. Expectation

• I expect to see 3 days 
  

3. Result

• I still see 1 day (like in the first screenshot)
• I have to switch view mode to e.g. week and back to get the desired result

4. Remarks

• In section "Additional Information" I'll note the information of my project, wich differ from the StackBlitz example. Anyhow the problem occurs in the StackBlitz an in my project
• I'll note browser and browser version. But the problem does also occur in the latest version of the other major browser.

How to reproduce:

1.- Make a grid with master detail

2.- In master detail make a grid

3.- Create a context menu with options for the grid with a method so that when you click an option from the context menu it does something (console.log('Hello') for example)

4.- Create a context menu with options for the subgrid with another method so that when you click an option from the context menu it does something different (console.log('Goodbye') for example)

5.- When you click on an option from the context menu of the subgrid it will not call its function (console.log ('Goodbye')), it will call the function that triggers the context menu of the grid that contains the subgrid (console.log('Hello')

Even if a function is not set in the context menu of the subgrid it calls the function from the top context menu.

I solved it using 1 function for all context menus, but it doesn't seem like the best way to me

Hi,

Currently the kendo-datepicker submits the form when you press the enter key in the calendar popup.

I don't think this is the purpose? Can this be prevented please? If the current behaviour is useful in some scenarios, maybe provide a configuration option to alter this.

Thank you in advance.

Best regards,

Johan

There seems to be a styling bug in the Kendo theme for Bootstrap.

Default Bootstrap buttons has this strange shadow or border issue

Hi,

The example at the following URL is broken. See the attached screenshot for more details. Kindly fix asap. Thanks.

Regards,

Al

So the one feature we use a lot in our company revolves around PDF viewing and Image viewing within a component, where we display two or more at the same time.  Showing an image is easy, but we have lots of requests for it to be zoomable and after you zoom moveable to look at parts of the image.  Same goes for the PDF as we need to display it in a component next to another PDF as it is part of our Quality Check process.  And when they are side-by-side they would like to be able to move and zoom each one individually.  

Thanks,

Bill