Dear Telerik Team,
when using the DropDownList state [loading]="true" with Kendo UI Bootstrap Theme the loading animation does not display correctly - it is cropped. Do you have any advise how to fix this?
Thanks and best regards
Sebastian

Dear Telerik Team,
I have an issue using the kendoMultiSelectGroupTagTemplate in Angular. I copied the example from inline documentation:
<kendo-multiselect kendoSummaryTag [data]="items"> <ng-template kendoMultiSelectGroupTagTemplate let-dataItems> <span>{{dataItems.length}} item(s) selected</span> </ng-template></kendo-multiselect>But still all items are displayed. Grouping is not applied, see attached screenshot. Can you please cross check and tell me how to implement a MultiSelect in Angular that just displays "2 items selected"?
Thanks and kind regards,
Sebastian
Hi,
I noticed that binding text field to a nested property on the data does not display the value as expected.As an example, I bind my widget to an array of Article objects, and each article has translation property of type ArticleTranslation. ArticleTranslation has title property of type string, which my widget is bound to.
Here is my plunker:
https://plnkr.co/edit/DQ3ezkJ60GqVHNQ8kmVK?p=preview
Thanks
Madani
I'm trying to create more condensed grids in Kendo UI for Angular.
I've added a style to reduce the font size which works
k-grid {font-size:10px;}However try and change the default padding from padding: 8px 12px; to nothing it seems to have no effect.
k-grid td {padding:0px;}I've taken the demo grid from the Kendo Angular site and just added these styles to https://plnkr.co/edit/WByOCE8JzmJkNq4wROIw?p=preview
Any ideas on how to compact the grid to fit more data in?
Hi,
I run your doc sample located here :
https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/filtering/#toc-basic-configuration
and tried to combine filtering with preset value and noticed that when I type-in a keyword to filter and then pick an entry from the filter result, the widget would clear the old pre-selected entry.See my plunker here https://plnkr.co/edit/iCqJrjB7tqiafaVc7PT3?p=preview
To replicate:
-Ensure "Small" is selected in the widget
-type in "ge" inside the widget so that "Large" gets filtered.
-pick "Large"
-The entry "Small" will disappear
I assume this is because the filtered result does not include "Small" entry so its option is not available for the select widget.This is happening when using value binding and ngmodel binding.It is also an issue when using server side filtering so I had to always append a filter for each preselected entry value and then add a filter for the typed-in text:
public onFilterChange(value: any): void { let filters: any[] = []; if (value) { for (let entry of this.Item.franchiseeIDs) {//had to add value filter for each preselected entry filters.push({ field: "ID", operator: "eq", value: entry }); }//then finally add typed-in text filter filters.push({ field: "Name", operator: "contains", value: value }); this.frmService.query({ filter: { logic: "or", filters: filters } }).subscribe( (data) => { this.franchisees = data; }); } }
<kendo-multiselect [data]="franchisees" (filterChange)="onFilterChange($event)" [textField]="'name'" [filterable]="true" [valueField]="'id'" [placeholder]="'Select franchisees...'" [valuePrimitive]="true" [(ngModel)]="Item.franchiseeIDs" name="franchiseeIDs2">
Thanks
Madani
Hi there.
I want to use mainGridOptions in your grid to transfer the header names and use the translation with angular {{ my_header_name | translate }}
Did mainGridOptions not exists any more ?
Can you provide a sample to user the angular translation with the grid headers ?
Hi there.
I'm trying to move my app to angular 5 and want to use the mainGridOptions.
In the past i could use there the angular translation service.
Is it still possible or could you provide a sample ?
I'd like to be able to use a linear gradient as a fill color when generate shapes. However, the TypeScript definition of color in FillOptions is limited to string. How can I go about solving this?
const gradient = new LinearGradient({
name: "LG1",
stops: [
new GradientStop({
color: "gray",
offset: 0,
opacity: 0
}),
new GradientStop({
offset: 0.5,
color: "orange",
opacity: 0.8
})]
});
const geometry = new GeomRectangle([currentStartPoint, 0], [segmentLength, stackedBarWidth]);
const rect = new Rect(geometry, {
stroke: { color: "black", width: 1 },
fill: { color: disp.color, opacity: 1 }
});
How can I change the donut size hole? The holeSize property does not seem to work. I tried setting it to 1, 5, 10, 20 and it turns the donut into a square.
Here's an example plunker
https://plnkr.co/edit/xC6m126rKRv5qI1xFTp2?p=preview