Introduce support for Loading / Error templates for components. eg.: <kendo-grid [success]="boolean" [loading]="boolean> <div kendo-error-template> We Cannot load your data </div> <div kendo-loading-template> <!== some kind of spinner, or just text> </div> </kendo-grid>
Currently the Popup "direction" property contains information about the flip direction of the Popup only when animations are active (animate = true). However when animate is "false", the direction is "none". Please provide a way for the developer to check the flip direction regardless of whether animations are active.
Refresh button like the one in the jQuery version http://demos.telerik.com/kendo-ui/grid/index Example: <ng-template kendoPagerTemplate> <kendo-pager-refresh-button (onRefresh)="refreshGrid()"></kendo-pager-refresh-button> </ng-template>
It would be good to have an option for clear "X" or whatever on the DropDownList. This is already on the ComboBox but not on the DropDownList. I can see the argument that having a blank option as the first option in the popover would work but that requires the user to open the popover and click a blank entry and forces all lists to have a blank item. I'm currently getting around this by wrapping the kendo component in my own component and using css to put a clear button on the kendo control. However, there is no public access to the needed functions to clear the control and have the angular zone update when in an on push state (Not sure about normal change detection strategy but I only use on push so...). Right now I have to cast the component to type any and then use the private functions on the component. See below. Access to either the proper method to do what I'm doing or adding a native clear would be really great. Really for all controls. I would be happy with just the access to the proper functions as it allows me to customize when and how the clear shows. this is what I'm doing for now that gets what I want. this.dropDownList.reset(); const dropdown = this.dropDownList as any; dropdown.valueSubject.next(undefined);
the value should be selected only by direct click on the option in the popup or with the enter or the tab keyboard button. e.g. - I open the options popup, I navigate with arrows and select a value A with enter. - I reopen the options popup, I navigate with arrows until value B and I close the popup clicking away from it (or pressing Esc) The selected value should be A, but it's B because the valueChanged event is fired anyway on the popup closing
The Slider Component should support defining a largetStep value, in addition to the smallStep input which is already available. The jQuery Slider supports a similar behavior: https://demos.telerik.com/kendo-ui/slider/events.
As it's a calendar, I would like to select more dates (not ranges). If I can not select several dates as I would in a normal calendar, I assume this is only a DatePicker and not a Calendar.
To my users the auto-tab behavior confusing because when they type '1/', focus auto-tabs to the day section (US Format), but when they type '8/', focus is on the year because it already auto-tabbed after the 8 and then they have to back up to get focus to the day. I would like to be able to configure the auto-tab behavior so that the DateInput only auto-tabs when they type '/' or when a section is full (i.e. disable smart auto-tabbing).
Cannot copy-paste date between 2 datepickers. Found issues:
Can be reproduced in any Kendo example (and browser) on the documentation site.
Add the RowTemplate feature of JQuery Grid to Angular Grid. https://demos.telerik.com/kendo-ui/grid/rowtemplate In particular we are looking to be able to define 2 rows of data per row. The second has cells that span multiple columns so we are unable to achieve what we want with a Cell Template ( https://www.telerik.com/kendo-angular-ui/components/grid/columns/templates/ ).
In the jQuery Scheduler, the event template was also used for the drag hint. This allowed me to change the appearance of the drag hint according to the drag hint's position.
In the Angular Scheduler, the drag hint seems to show a static transparent copy of the event being dragged.
It will be really useful to have the drag-hint use the event template and also provide a boolean stating whether the event using the template is a drag hint.
Here's an example:
<ng-template kendoSchedulerEventTemplate let-event="event.dataItem" let-resources="resources" let-dragHint="isDragHint"> <div [style.background-color]="calculateBackground(event, resources)" *ngIf="!dragHint; else: dragHintTemplate">> Regular Event </div> <ng-template #dragHintTemplate> <div [style.background-color]="calculateBackground(event, resources)"> Drag Hint </div> </ng-template> </ng-template>
Currently the kengoMultiSelectSummaryTag only supports a number as its input, which enables switching to summary mode if the number of selected items is greater than the specified value.
It would be nice to add an option for dynamic mode which will be based on the available space for the control and will automatically switch to summary mode if there is not enough space for displaying all the items.
See the screenshots to illustrate how it might look like.