Telerik Forums
Kendo UI for Angular Forum
1 answer
153 views

See this example:
https://stackblitz.com/edit/angular-7nulmk?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.module.ts,package.json

 

- When the icon is clicked, the row in the treelist is not selected.

- When k-icon class is removed from the span, it works: selection is updated

 

 

Martin Bechev
Telerik team
 answered on 23 Dec 2022
1 answer
128 views

Hi,

I am facing a case like this:
Source: https://stackblitz.com/edit/angular-v6xzlw-vrqmxj
I am using kendo grid.
The data displayed on the grid is ok but when exporting excel, the data is missing.
I've been trying to find a way for a few days but still can't solve it.
Please support.

Thanks!

May be an image of text that says '区 Export Excel Name Name Number AB 001255* AV= 66000000 Base Revenue 100001 Name Ratio 100002 196507. 90740000005 008001 AV= 10000000 Base Revenue 100003 0.27390444 Ratio Name 180776 93040000004 100004 Base Revenue 191478.3618 Name 6 0. 15730977 100005 0.29011873 7414.54119999999 15730. 977 Name7 100006 191478.3618 0.17790082 Name8 100007 117414.54119999999 31639.231799999998 Name 100008 0.04793823 122.7336 Name 10 100009 0.00018596 245.4672 Name 11 1639.231799999998 122.7336 100010 0.00037 92 Name 12 100011 245.4672 135728.67 Total 100012 0 0.2056495 0 135728.67 2593.6086 0.00392971 2593.6086'

Martin Bechev
Telerik team
 answered on 23 Dec 2022
0 answers
121 views

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.

Jake
Top achievements
Rank 1
 asked on 22 Dec 2022
0 answers
187 views

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

<div class="panelbar-wrapper">
    <kendo-panelbar>
        <kendo-panelbar-item
        title="Example" [expanded]="true">
            <ng-template kendoPanelBarContent>

local.scss

.k-panelbar .k-panelbar-item.k-panelbar-header.k-level-0 .k-link.k-selected{
       
                background-image: none !important;
                color: #303030 !important;
                background: transparent !important;
       
}
    .k-panelbar .k-panelbar-item.k-panelbar-header.k-level-0 .k-link{
        color: #303030 !important;
       
}    
Olivia
Top achievements
Rank 1
 asked on 22 Dec 2022
1 answer
471 views

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

 

Martin Bechev
Telerik team
 answered on 22 Dec 2022
3 answers
283 views
is it depricated or replaced?
Martin Bechev
Telerik team
 answered on 22 Dec 2022
1 answer
147 views

Hi,

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

Thanks in advance.

Martin Bechev
Telerik team
 answered on 22 Dec 2022
1 answer
156 views

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.

 

Martin Bechev
Telerik team
 answered on 22 Dec 2022
1 answer
144 views

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?

 

Martin Bechev
Telerik team
 answered on 21 Dec 2022
0 answers
171 views

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.

 

Jyothi
Top achievements
Rank 1
Iron
Iron
Veteran
 asked on 19 Dec 2022
Narrow your results
Selected tags
Tags
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?