Hi I am working on Kendo and I am using 

https://www.telerik.com/kendo-angular-ui/components/dropdowns/autocomplete/

Whenever we will search something and try to scroll , drop-down closes automatically. It is not happening all the time but once it happen (all dropdowns will not work) I need to reload the browser then again it will work.

The exact same issue , I found for material ui can be check for more understanding 

https://github.com/Dogfalo/materialize/issues/901

How I can resolve the issue ? Any help will be useful ...
Thanks

In the docs there's text next to the name of every field of a class/component/etc. describing its type. The thing is this text is white (#ffffff) on a white (#fff) background effectively hiding it if it's not highlighted.

This actually cost me quite some time because I wasn't aware I was able to pass a function instead of a string for a specific field through which I was able to solve the problem at hand.

Here's an example: https://www.telerik.com/kendo-angular-ui/components/dataquery/api/FilterDescriptor/, I've also included screenshots of what I'm seeing.

Hi, 

 Is there any example of Master-Detail Grids which would have the ability to add master and it's corresponding detail rows? 

Also, the data should be local not from a base_url.

(ref: https://www.telerik.com/kendo-angular-ui/components/grid/advanced-features/hierarchy/) 

Thanks!

If I have a simple grid with data like

public gridData = [ {
      "ID": 1,
      "Fax": "",
      "Type": "Client"
    },
    {
      "ID": 2,
      "Fax": "",
      "Type": "Client"
    },]

and grid something like 

<kendo-grid #grid [data]="gridView1"
            [group]="groupGrid1" [scrollable]="true" [resizable]="true">

  <ng-template kendoGridToolbarTemplate>
  </ng-template>
  <kendo-grid-column field="ID" title="ID"></kendo-grid-column>
  <kendo-grid-column field="Fax" title="Fax"></kendo-grid-column>
  <kendo-grid-column field="Type" title="Type"></kendo-grid-column>
</kendo-grid>

which is the easy way to fetch the value for the ID? 
I know you can have something like (click)=onSelect($event)

But this will give you the current event like the mouse click

In the example 

https://www.telerik.com/kendo-angular-ui/components/grid/editing/external-editing/

as provided a call back is made to the service which fetches the Product data. Is there any easier way of achieving this? Also is there an example where the data is already defined in one of the ts over calling it from a link?

Hi,

I have the below code for which all the child items are getting displayed properly in the panel bar but whenever parent route link is set the the child route is not working.But whenver there is no parent item route link only then the child item route is working.I have the requirement where both child and parent it will handle some click event.Even I have tried to use the (click) event istead of [routerLink].

<div class="panelbar-wrapper">
  <kendo-panelbar *ngIf="mainMenu">
    <kendo-panelbar-item [title]="null" *ngFor="let menuItem of dlMenu"
                        [routerLink]="menuItem.link" routerLinkActive="active" [attr.name]="menuItem.name" [class]="menuItem.label">
      <ng-template kendoPanelBarItemTitle>
        <span class="item-title">{{menuItem.title}}</span>
      </ng-template>
      <kendo-panelbar-item [title]="null" *ngFor="let menuItemSub of menuItem.sub" (click)="BackToFetchData()"
                           [routerLink]="menuItemSub.link" routerLinkActive="active" [attr.name]="menuItemSub.name" [class]="menuItemSub.label">
        <ng-template kendoPanelBarItemTitle>
          <span class="sub item-title">{{menuItemSub.title}}</span>
        </ng-template>
        <kendo-panelbar-item [title]="null" *ngFor="let menuItemSubSub of menuItemSub.sub" (click)="BackToHome()"
                             [attr.name]="menuItemSubSub.name" [class]="menuItemSubSub.label">
          <ng-template kendoPanelBarItemTitle>
            <span class="sub item-title">{{menuItemSubSub.title}}</span>
          </ng-template>
        </kendo-panelbar-item>
        </kendo-panelbar-item>
      </kendo-panelbar-item>
  </kendo-panelbar>
  </div>

Hi ,

I am using kendo-pdf-export module to export grid and additional information like first summary page (Name , date ,etc) and then I am adding grid. Grid is having only 2 columns but the text length in maximum 5000 characters. When I tried exporting to pdf there are below issues I am facing

• Text is overlapping on footer
• Column text is not coming completely

How I can remove auto break of grid so that half column it will come first page and 2nd page half column?

Is there any way we can be able to add header on each page with kendo-pdf-export (similar option related to kendo-grid-pdf) ?

I have created stackblitz sample link ( need to resolve footer overlap and it should export all the data) .

Any help will be great , Thanks in Advance

https://stackblitz.com/edit/angular-i8xpv6-6sgepg?file=app/app.component.ts

Thanks