Hello,
Do the components in the Kendo UI for Angular packages work with Angular 5.0? If not, what is the latest recommended version of Angular that should be used when developing these components?
Thanks!

What is the best way to have all the red boxes (see pix) aligned to the right of the containing div? No success with floats or flexbox. Trying to mimic ClickOnce app in web SPA. Here's the app.component.sccs at the moment:
#treecontainer { width: 400px; border: 5px dotted black; overflow:hidden; }
div { border: 2px solid blue; }
span { border: 3px solid green; }
span:nth-of-type(3) {border: 3px solid red; float:right;}
Hi,
I've defined the following grid:
<kendo-grid [data]="gridData | async" [height]="410" resizable="true"> <kendo-grid-messages noRecords="{{'RequestsRegister.NoRecord' | translate}}"> </kendo-grid-messages> <kendo-grid-column field="identity.email" title="{{'RequestsRegister.UserEmail' | translate}}" width="150"> </kendo-grid-column>....
but "noRecords" displays nothing...
the syntax is correct, and it works for the column's title, so what's wrong?


I found an example for jQuery only: https://demos.telerik.com/kendo-ui/sortable/integration-tabstrip
But I need it for Angular "^5.2.9"
My attempt work technically, the tabs move and are re-orderable, but the drag handle is not the Tab item itself, it is a separate [object Object] text.
<kendo-sortable [data]="tabItems" itemClass="tab-item" activeItemClass="active"></kendo-sortable><kendo-tabstrip [keepTabContent]="true" (tabSelect)="onTabSelect($event)"> <kendo-tabstrip-tab *ngFor="let item of tabItems; let i=index" [selected]="i === index" class="tab-item"> <ng-template kendoTabTitle> <span> {{item.title}}</span> <span class="k-icon k-i-close" (click)="closeTab(i)"></span> </ng-template> <ng-template kendoTabContent> <app-tab-content [componentName]="item.componentName" [instanceName]="item.instanceName" ></app-tab-content> </ng-template> </kendo-tabstrip-tab></kendo-tabstrip>



I have a column with short date time as string like: dd/mm/yyyy . for example: 08/04/2018
when I click on the title of the column name to sort it doesn't sort properly, but makes a mix
my html file:
<kendo-grid #grid="kendoGrid"
[data]="gridView" id="GridID"
[pageSize]="pageSize"
[skip]="skip"
[pageable]="true"
[sortable]="{allowUnsort: allowUnsort, mode: multiple}"
[resizable]="true"
[sort]="sort"
[scrollable]="{virtual: true}"
(pageChange)="pageChange($event)"
(sortChange)="sortChange($event)">
<kendo-grid-messages noRecords="no Records">
</kendo-grid-messages>
<kendo-grid-column *ngFor="let item of gridColumnData" [headerClass]="'t-head'" [hidden]="item.hide" [field]="item.field" [title]="item.title">
</kendo-grid-column>
</kendo-grid>
my .ts file:
public sort: SortDescriptor[] = [{
field: '',
dir: 'asc'
}];
public sortChange(sort: SortDescriptor[]): void {
this.sort = sort;
}