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

By Default I want my grid to be collapsed I tried

  @ViewChild('grid') public grid;
public () {

    this.gridView1.data.forEach((gr, idx) => this.grid.collapseGroup(idx.toString()));
  }

and calling this method on button click however it is not working and throwing an error data undefined when I did define data and kept it public. 

If you have a example that would be great

Can we have Grid in which one of the columns has in that to show like an amount of percentage complete or something on the similar lines

Hi,

I have searched for an answer about this but the only thing I have found isn't working for me.  The post I found suggests this:

Posted 24 Nov 2015Link to this post
The easiest way for hiding the header of the grid will be with the following CSS:
<style>
    .k-grid-header{
      display: none;
    }
</style>

I tried this and still no luck.  This also happened when I tried to change a style in the panelbar.  The solution always seems to say to control it through the class in the css.  The problem is that I am using the bootstrap theme so anything I do in the css is being overwritten by this theme.  Should I not use this theme?  Or is there a way to do both?  I have also tried the !important but that doesn't work either.

Everytime I save the css or the template the display gets set back to flex.

div.k-grid-footer, div.k-grid-header {
display: flex;
flex-direction: row;
align-items: stretch;
}

Thank you,

Cynthia

I have two cases where I need to be able to put a column in "edit mode". Is there any way to do this? 

1. I have a grid with an edit button in the column header template. Clicking the button puts the whole column in edit mode. Save and cancel buttons appear when the column is in edit mode.

So far I have been able to do this by putting conditional fields in the column cell template. I can show them based on the column index when the edit button for that column is clicked, but I can't assign them to a form group if they aren't in the "kendoGridEditTemplate".

2. I have a grid where the user needs to edit on cell click, but this should put the whole column in edit mode and not just the cell that was clicked. I am able to get the column index from the click event and hoped to use this to put the rest of the cells in edit mode, but I get stuck when trying to use the editCell method. I tried doing a foreach on my data and passing the index of each object into editCell in place of rowIndex, but all I got was a single field displaying in the last row for some reason.

Any ideas/assistance would be much appreciated. 

Hi,

I am trying to override a Kendo CSS class like in this example, only for a single angular component, but it doesnt work. 

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

styles: [`
kendo-upload .k-dropzone-hint {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}
`],

Only when I override the classes in a general CSS file in my project, it works.

Any idea what can be the problem?

Thanks in advance

Hi,

we have a requirement to export all the response data to PDF. currently when we export the PDF, its exporting only the current visible Grid data (exporting 10 records instead of 25 records). we are using virtual scrolling just fyi.

We noticed that in Kendo export excel (https://www.telerik.com/kendo-angular-ui/components/grid/export/excel-export/#toc-exporting-specific-data) there is a similar property which we had effectively used and achieved the requirement (exporting all the 25 records instead of current visible 10 records in Grid)  whereas when we want to do it with PDF, we couldn't achieve it. Can you help us regarding it.

I use the Kendo Angular Upload component to send files to the server where they are stored in the database. After a successful upload, the Upload Component automatically adds the uploaded file to the list on the screen. In the FileInfo for the newly uploaded file the property 'uid' is set to a randomly generated ID.

How can use the (primary key) ID used by the server as the uid of the newly uploaded file? I can send the server generated uid in the response of the upload request, but how can I get the Upload Component to use it?