I have couple of questions

1. Where do find the full package to install all the Kendo-UI component for Angular 5? Do I have to login using the account with the Subscription information? I follow this link https://www.telerik.com/kendo-angular-ui/getting-started/#toc-project-setup

to setup the button using this command line

npm install --save @progress/kendo-angular-buttons @progress/kendo-angular-l10n @angular/animations

I assumed there is a full package somewhere, instead of running the above command 10 times for 10 different components.

2. In order to use the latest Kendo-UI for Angular 5, do I need to upgrade/renew my Subscription?

Thanks,

Bryian Tan

Hi,

is there a way to leave only the first input for a filter an remove all the others?
Or any other way to get rid of extra "AND" options.

Thanks,

Yuriy

Hello, I'd like to use the [icon] property of the <button> component:

 <button kendo-button [icon]="'save'">Save</button>

but I got this error at runtime:

zone.js:654 Unhandled Promise rejection: Template parse errors:
Can't bind to 'icon' since it isn't a known property of 'button'. ("               <tr>
                        <td>
                            <button kendo-button [ERROR ->][icon]="'save'">Save</button>
                        </td>
                    </tr>
"): ng:///Apps_Root/Apps/PricingConfig/app.html@29:49 ; Zone: <root> ; Task: Promise.then ; Value: Error: Template parse errors:
Can't bind to 'icon' since it isn't a known property of 'button'. ("               <tr>
                        <td>
                            <button kendo-button [ERROR ->][icon]="'save'">Save</button>
                        </td>
                    </tr>

If I remove [icon] and use class="k-i-save", I dont get the runtime error but I dont get the floppy-disk icon next to the label Save.

<button kendo-button class="k-i-save">Save</button>

Could someone tell me how to resolve this [icon] property error?

Thanks!

Hi,

We are encountering an issue with the Kendo TreeView where it is bound to an array containing all checkedKeys. The TreeView is contained inside a shared angular component, which has an input which retrieves the IDs of the selected items and adds them to the array the TreeView is bound to.

Although the data is loaded in without issues, the Tree View does not refresh itself to show the check-boxes unless it is clicked upon or a node is expanded forcing it to redraw itself.

How can we ensure the TreeView automatically updates to show the check-boxes for all selected items, or perform a refresh on demand?

ngOnChanges() {
        var checkedItems = this.dataSource.filter(orgGroup => this.selectedOrgGroupIDs.indexOf(orgGroup.id) >= 0);
        //checkedItems.forEach(item => this.selectedOrgGroups.push(item));
        this.selectedOrgGroups = this.selectedOrgGroups.slice().concat(checkedItems);
}

The above method implements the lifecycle hook to ensure any updates to the input property are properly parsed/received. Originally, we were pushing each item to the sleectedOrgGroups collection (which is what the Kendo TreeView's checkedKeys is bound to), however based off the following "https://www.telerik.com/forums/refresh-treeview-with-angular-5-and-typescript", we modified it to perform a slize and concat with the new collection of items but it fails to render itself automatically.

Note: Clicking on the TreeView control, selecting or un-selecting a node, or expanding/collapsing a node automatically causes it to refresh.

Your input on this matter would be greatly appreciated. Thanks!

Best Regards,
Santo

Hi,

I am trying to replicate the sample at https://www.telerik.com/kendo-angular-ui/components/grid/data-operations/data-binding/.I am getting the following error highlighted on my VS2017 and during run time:

Argument of type 'null' is not assignable to parameter of type 'GridDataResult'.

the error is occurring because of this code:

Thanks

Madani

I want to export PDF with custom binding in Grid. However, it does not work.

Maybe, some functions must be overriden but i don't know what they are.

In following plunker, PDF export does not work with custome binding.

Without custom binding, it works perfetly. Or if i export only one page, it works.

https://plnkr.co/edit/uA7XLv73Kz8gilZsiuWe

Could you give any advice?

I am using arcguage from kendoui for angular. I was able to change the size of the graph by mentioning [rangeSize]="60" in kendo-arcgauge-scale.

But, by default, this stroke is filling up round shaped (ugly and wiered) , There should be a way to change that to normal (square), How to do that?

Your documentation for this KendoUIAngular is pathetic and unuseful. You need to provide on how to use all these settings in your graps/grids.

To findout how to make the bigger chart by using [rangeSize] in kendo-arcgauge-scale took almost 2 days since there was no proper documentation.

Can you let me know how to get rid of the " stroke-linecap: round;" to " stroke-linecap: square;" ?

Here is the plunkr - https://plnkr.co/edit/k7A4elikxfwsNGQYvxRH?p=preview

Here is my app.component.ts (incase if the plunkr does not have proper code).

import { Component } from '@angular/core';

@Component({
    selector: 'my-app',
    template: `
      <kendo-arcgauge [value]="value" [colors]="colors" >
            <kendo-arcgauge-scale [min]="0" [max]="100" [rangeSize]="60" >
            </kendo-arcgauge-scale>
             <ng-template kendoArcGaugeCenterTemplate let-value="value">
                Percent Paid - {{ value }}%
            </ng-template>
        </kendo-arcgauge >

    `,
     styles: [`
        .k-gauge {
            display: block;
             
        }
       
    `]
})
export export class AppComponent {
 public value: number = 60;
    public colors: any[] = [{
        to: 25,
        color: '#d7d513',
        width:'30'
    }, {
        from: 25,
        to: 50,
        color: '#d7d513',
        width:'30'
    }, {
        from: 50,
        to: 75,
        color: '#d7d513',
        width:'30'
    }, {
        from: 75,
        color: '#d7d513',
        width:'30'
    }];
}