I have the following pdf-export-component: 

<div class="hidden-export">
  <kendo-pdf-export #pdf paperSize="A4" [margin]="margins" [scale]="scale">
    <div *ngIf="printInvoice">
      <app-printinvoice [invoice]="printInvoice"></app-printinvoice>
    </div>
  </kendo-pdf-export>
</div>

where hidden-export just renders off the screen and app-printinvoice is a simple component that renders the provide invoice  I also have a grid of invoices with selectablerows and this button:

<button kendoButton [disabled]="selectedInvoiceNums.length === 0" (click)="emailInvoices(pdf)">Email Invoice</button>

which fires this method:

emailInvoices(pdfComponent: PDFExportComponent) {
    for (let invoice of this.selectedInvoices) {
      if (!invoice.email) {
        this.toasterService.warning(`${invoice.co} does not have an email.`, 'Email Missing');
        this.removeChangedInvoice(invoice.invoiceNumber);
      }
      else {
        this.printInvoice = invoice;
        pdfComponent.saveAs(`${this.printInvoice.co}.pdf`);
        pdfComponent.export().then((group: Group) => 
          exportPDF(group)).then((dataUri: string) => {
            const base64 = dataUri.split(';base64,')[1];
            this.invoiceService.emailInvoice(this.printInvoice!.invoiceNumber, base64).pipe(takeUntil(this.destroyed$)).subscribe(result => {
              if (!result.success)
                this.toasterService.error(`Failed to email invoice for ${invoice.co}: ${result.message}`, 'Email Error');
            });
          });
      }
    }
  }

these are rendering blank PDF's though it is setting the name of the pdf correctly so I know it is successfully changing printInvoice.  If I set printInvoice to the first Invoice of the grid on initialization then it will save that Invoice object every time through the for loop though with different names.  I can't figure out what I am missing.

I'm trying to target a panel bar and overwrite the kendo default styling on the header for just this one specific component using a local SCSS file. Unfortunately, no level of targeting seems to affect the actual component on the page. At present the default UI theme is in place, I'm looking to implement the following styling if possible to make the background transparent and look as below:

Any help would be really appreciated!

local.html

local.scss

Hello,

Am using kendo-chart inside kendo-dialog. I upgraded chart from v5.2.1 to v7.1.1, after that am getting the below error

I had ThemeService added in Provider list of the component

When i remove the ThemeService am getting the below error in the console when i try to open the dialog.

Is there any way to fix this issue or work around.

Note: Deleted node_modules and tried it didn't work

Hi,

I am looking for a sample application using Kendo UI for Angular. Does someone has that handy.

Thanks in advance.

Hi,

We are upgrading a client's project from Angular 6 to latest. But we have to go through step-by-step upgrade. Does someone has that kind of list handy.

Thanks in advance.

I am using a treelist and dynamically create columns via a ngFor.  There will always be a horizontal scrollbar as the treelist contents will always be wider than the screen. I notice that when my treelist has rendered and I use the horizontal scollbar, when scrolling to off screen content, the column headers and rows start to go out of alignment when almost at the end of scrolling.  See below example. I think this is a bug in your treelist CSS. Can you comment?

Hi,

We upgraded the kendo-dropdown from

  "@progress/kendo-angular-dropdowns": "5.0.0",

to

 "@progress/kendo-angular-dropdowns": "7.0.0",

In earlier version, we were able to disable the combo box. I see that the combo box is applying the style See image below.

In in the latest version, it doesn't apply this tyle and the field is editable.

What can we do disable it? Any help is greatly appreciated.

At present I have Telerik Reporting set up as follows:

Stand-alone reports retrieved for Angular Telerik Report Viewer (client side).

On the server (.Net Core / C#):

A basic ReportController, where all it does is pull a base instance of IReportServiceConfiguration

The ReportServiceConfiguration object is set up in Startup.cs and draws on the ConfigurationHelper method called ResolveConfiguration.

I have pictures attached for each of these methods.

What I need to do is find a way to set up CSV exports with the following rendering settings:

- NonStaticText = true

- NoHeader = false

At present I've done as much research as I can but can't figure out how to insert these as the code doesn't seem to leave any openings for these parameters. I've seen recommendations for using Telerik.Reporting.Processing.RenderingResult with TypeReportSource and HashTable  params but no idea how this gets taken up in the present flow. Additionally the tr-viewer on the Angular side does not accept these parameters. There's a [reportSource] but this only allows for report name and direct parameters which don't take rendering or extension overloads.

Let me know if you have any suggestions as to whether there's a place in this where I can inject the parameters I need.

Hi 

We recently upgraded to Angular 14 and had to upgrade kendo-dropdown as well.

After the upgrade we see some style changes for the kendo-combobox.

How do we change the border of the combo box to blue when it is selected. Right now, it is black. See image below.

Would like it to have a blue border when selected instead of black. see attached file combo-box-selected-b;ue.