Hi,
In our ng6 application (reactive forms) we are having issues with the autocomplete control in certain android devices.
The code works on iphones, in desktop Chrome and Firefox- please note that
<kendo-autocomplete class="form-control form-control-sm" placeholder="Default Matrix"
[data]="matrixTypes" [valueField]="'description'" formControlName="matrix"></kendo-autocomplete>
The specific issue is that on android devices with the google keyboard, the list is not displayed when the user types any letter e.g. a, g,t,f,d, etc - it only comes up when the user clicks the space key or the dash key. This is counter intuitive since the users expect to type in letters to get the selections list to appear.
Based on the needs of the UI showing the list open as default by setting [suggest]="true" is not an option.
Is there a way I can leverage the focus event to then force the control to open by invoking toggle. The trick seems to be - in reactive forms - to determine which auto-complete to open. The [data]="matrixTypes" -> matrix types is an array.
Thanks,
Amit
Hi,
I am using kendo-upload an I am looking for the option to view the file after the user uploads it, I want to be able to click on the file name and the file will then be displayed/ downloaded.
Is there any way to get this behaviour?
Thank you!
Are there any built in feature to manage a kendo ui grid column binded to an odata v4 source of type enum flags?
If not are there some samples that include this case?
I'm using kendo ui for angular (v 6).
Thx in advance
The Dialog component seems to ignore the minWidth, unless I am misunderstanding what the attribute does. When I shrink the width of my screen the dialog does not resize to minWidth and my content goes off screen. I have attached a GIF to demonstrate. This behavior is also present on the examples from the documentation so it is not specific to my setup.
Here is my code, as you can see I have the minWidth set to 400px, but the content window does not start resizing until around 100px. How can I force the dialog to resize appropriately so the content does not go off screen?
<
kendo-dialog
title
=
"TERMS OF USE and PRIVACY POLICY"
*
ngIf
=
"agreeOpen"
(close)="closeAgree()" [minWidth]="400" [width]="500">
<
p
class
=
"text-left"
[innerHtml]="termsConfig.content"></
p
>
<
kendo-dialog-actions
>
<
button
kendoButton (click)="closeAgree()"
primary
=
"true"
>Close</
button
>
</
kendo-dialog-actions
>
</
kendo-dialog
>
Is this possible?
I've got the treeview working with selected keys, but I'd like to add the above mentioned functionality. (Using Angular 6)
Thanks
I'm having issues deciphering the documentation when trying to build the following 100% stacked chart. Is this possible?
I'm trying to put an icon in a tab, but to do so in a repeatable manner for various tab strips throughout my application. I know I can do the following:
<kendo-tabstrip>
<kendo-tabstrip-tab>
<ng-template kendoTabTitle>
<img src="/images/myicon.png" style="padding-right: 10px;" /> My Tab
</ng-template>
</kendo-tabstrip-tab>
</kendo-tabstrip>
The problem is that this is tedious and error-prone when repeated many times. I was thinking of making a directive that I could attach to the kendo-tabstrip-tab component that would override the template, but I'm unsure how to do that and my searches haven't revealed anything. Any suggestions?
Hello,
Do we have any marquee ui control based on telerik (for angular)?
Thank in advance :)
Vamshi
I was trying to follow the provided example for using the treeview with flat data. However, I keep getting this error "this.originalData.slice is not a function
at FlatDataBindingDirective.set [as nodes] '
My data is flat and remote (the example was local data). Here is my code in the component:
@Component({
selector: 'app-treeview',
styles: [`
:host {
height: 600px;
overflow: auto;
}
`],
template: `
<kendo-treeview
[nodes]="myitem"
textField="Text"
kendoTreeViewExpandable
kendoTreeViewFlatDataBinding
idField="ItemID"
parentIdField="ParentId">
</kendo-treeview>
`
})
export class TestTreeComponent implements OnInit {
public myitems: Observable<any[]>;
constructor(private myitemService: myItemsService) { }
public ngOnInit(): void {
this.myitems= this.myitemService.getMyItemss();
}
And in the service:
getMyItems(): Observable<any> {
return this.http.get(this.globalService.getURLRoot() + this.urlRoute)
.map( res => {
this.data = res;
return this.data;
});
}
I have also tried removing the Observables with the same result. I know the data can be retrieved because if I change "[nodes]="myitem"" to "[nodes]="myitem | async", all the items are returned with no hierarchy structure.
thank you.