Telerik Forums
Kendo UI for Angular Forum
7 answers
272 views

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

Amit
Top achievements
Rank 1
 answered on 15 Nov 2018
1 answer
115 views
The issue is when we are clicking on kendo grid header, date sorting is not showing up properly.

In response the date is coming as string, but we are converting to date format in controller while displaying in grid, but still sorting is not working. The sorted data is only showing according to day wise not considering the complete date.
Dimiter Topalov
Telerik team
 answered on 15 Nov 2018
5 answers
764 views

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!

Svet
Telerik team
 answered on 14 Nov 2018
1 answer
313 views

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

Svet
Telerik team
 answered on 13 Nov 2018
3 answers
485 views

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>
Dimiter Madjarov
Telerik team
 answered on 12 Nov 2018
3 answers
73 views

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

salisbury
Top achievements
Rank 1
 answered on 09 Nov 2018
2 answers
48 views

I'm having issues deciphering the documentation when trying to build the following 100% stacked chart. Is this possible?

 

Dimiter Topalov
Telerik team
 answered on 09 Nov 2018
1 answer
1.2K+ views

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?

Dimiter Topalov
Telerik team
 answered on 09 Nov 2018
1 answer
501 views

Hello,
Do we have any marquee ui control based on telerik (for angular)?

Thank in advance :)

Vamshi

Dimiter Topalov
Telerik team
 answered on 09 Nov 2018
7 answers
650 views

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.

 

 

 

 

Jennifer
Top achievements
Rank 1
 answered on 08 Nov 2018
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?