Hi

I want to create tabstrip and append inside tab when i click from left menu. I created all my components and use this components as an Content of dynamic tabs.

Is it possible with kendo Angular Tabstrip Layout?

Thanks

Hi

Does the Kendo UI theme builder support the latest components released yesterday? I've built a theme this morning and included in the my Angular app, and the components are not rendered correctly.

Also, the documentation (https://www.telerik.com/kendo-angular-ui/components/styling/theme-builder/#toc-using-the-themes-in-your-project) talks about using the files all.scss and variables.scss but these files are not included in the theme downloaded.

Thanks

Hi

I have an Line Chart and i change value in data but chart is not refreshed ?

How could i refresh it ?

I Could click and on "plotArea" method i show new value in console , but chart don't move !!

Regards

i have tried without succes

[code]

<kendo-chart [style.height.px]="150"
                 [categoryAxis]="{ categories: categories2 }"
                 (plotAreaClick)="onPlotAreaClick2($event)"
                 [transitions]="false"
    >
        <kendo-chart-series>
            <kendo-chart-series-item type="line" name="second" [data]="this.getData2() | async" [color]="colorFn">
            </kendo-chart-series-item>
        </kendo-chart-series>
    </kendo-chart>



export class AppComponent implements OnInit{


  public data2 = [];
  public categories2: number[] = [2002, 2003, 2004, 2005, 2006, 2007, 2008];

    getData2():Observable<any[]>{
        return of(this.data2);
    }

    ngOnInit(): void {
        this.data2 = [10, 40, 19, 6, 70,20,120];
}


    public onPlotAreaClick2(e): void {

        let id=this.categories2.indexOf(e.category);
        let prop=(Math.round(e.value / 5) * 5);
        this.data2[id]=prop //Ok but not Chart Refresh WHY ??
}
}

[/code]

Hi

We are using kendo-multiselect in our application. When an item is selected from the dropdown list, it is not appearing in the input field ( please see the attached image)

Inspecting the elements in the console indicates kendo-taglist is not being populated. What can cause this?

The valueChange even is emitted. and we are able to capture the chaned value. But the problem is, we cannot see what is being selected as the input field of the dropdown is empty.

 onValueChange(selectedData: any, programmatic: boolean = true ) {

....

}

trace:

1. (3) [{…}, {…}, {…}]
1. 0: {name: 'Benny F Summry - M', id: 12345}
2. 1: {name: 'Maryanne Summry - Wife', id: 223344, disabled: false}
3. 2: {name: 'Talia J Summry - Daughter', id: 33445566, disabled: false}
4. length: 3
5. [[Prototype]]: Array(0)

Any insight on this is greatly appreciated.

Thanks,

Jyothi

Hi,

I took an example from kendo website (from stackblitz) and tried it. 

Overview - MultiSelect - Kendo UI for Angular (telerik.com)

For some reason

1. The dropdown input box  is very small. Not able to adjust the size.

2. Upon selection, the selected item is appearing above the dropdonText Box.

Here is the html, pretty much from the website

I updated all Kendo packages to their latest versions and are now getting this error in the console.

Uncaught TypeError: Cannot set property ɵfac of class FlatDataBindingDirective extends FilteringBase {
    constructor(component) {
        super(component);
 ...<omitted>...
} which has only a getter

I have tried clearing the node_modules folder etc., but this issue still persist.

Any suggestions on how to fix this?

The relevant code

/**
 * A directive which encapsulates the retrieval of the child nodes when flat data is provided.
 */
let DropDownTreeFlatBindingDirective = class DropDownTreeFlatBindingDirective extends FlatDataBindingDirective {
    constructor(dropDownTree) {
        super(dropDownTree);
    }
};
// Error on this line
DropDownTreeFlatBindingDirective.ɵfac = function DropDownTreeFlatBindingDirective_Factory(t) { return new (t || DropDownTreeFlatBindingDirective)(ɵngcc0.ɵɵdirectiveInject(ɵngcc6.DataBoundComponent)); };
DropDownTreeFlatBindingDirective.ɵdir = /*@__PURE__*/ ɵngcc0.ɵɵdefineDirective({ type: DropDownTreeFlatBindingDirective, selectors: [["", "kendoDropDownTreeFlatBinding", ""]], inputs: { nodes: ["kendoDropDownTreeFlatBinding", "nodes"], idField: ["valueField", "idField"] }, features: [ɵngcc0.ɵɵInheritDefinitionFeature] });
__decorate([
    Input('kendoDropDownTreeFlatBinding'),
    __metadata("design:type", Array)
], DropDownTreeFlatBindingDirective.prototype, "nodes", void 0);
__decorate([
    Input('valueField'),
    __metadata("design:type", String)
], DropDownTreeFlatBindingDirective.prototype, "idField", void 0);
DropDownTreeFlatBindingDirective = __decorate([ __metadata("design:paramtypes", [DataBoundComponent])
], DropDownTreeFlatBindingDirective);

Hi

I have an chart with one line of point only and i search how with "plotareaClick" find nearest point ?

Regards

I am trying to get the checkbox in the column header to cause a change in the state of child checkboxes in the Kendo UI angular grid.

When the header checkbox is checked/unchecked all checkboxes in the column should get checked & unchecked and I also need to catch the event in typescript.

Note: I am not looking to select the entire rows, just trying to check/uncheck the checkboxes in the column.

Below is what I have managed to put together.

https://stackblitz.com/edit/angular-ba65rx