Telerik Forums
Kendo UI for Angular Forum
1 answer
344 views
What I want to achieve is to remove all borders and styling from grid. So far I've managed to remove grid's borders but cell and toolbar borders remain.

I've tried with this css

.k-grid,
.k-grid td,
.k-grid th,
.k-grid-toolbar-bottom
{
    border: none !important;
    border-width: 0 0 0 0 !important;
    background: none;

}

but it seems to only affect grid and not inner cells nor toolbar as you can see from picture below 

Hetali
Telerik team
 updated answer on 28 Jan 2022
1 answer
128 views

Hi!

Our company is considering to buy a license for Angular UI. At the moment we are testing functionality that is provided by angular components. I've been trying to implement virtual scroll with data load on scroll end, but I didn't find any event for it.  What I want to achieve is a functionality that loads more data to dropdown when user scrolls to the end of list. Is it possible with kendo MultiSelect/MultiColumnComboBox? Here is an example of what I mean. 

Thank you!

Yanmario
Telerik team
 answered on 28 Jan 2022
0 answers
155 views

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

Adil
Top achievements
Rank 1
Iron
Iron
Veteran
 asked on 28 Jan 2022
3 answers
200 views

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

Ivo
Telerik team
 answered on 28 Jan 2022
1 answer
1.5K+ views

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]

Valentin
Telerik team
 answered on 27 Jan 2022
1 answer
109 views
So I just upgraded all of my kendo packages and there were multiple hidden problems after updating. I know that there is documentation on each component and change log, but I use most of the components offered and to go through every change log to find what may have broken my code would be very tedious. Is there not a way for the kendo team to do some upgrade fixes much like angular does when there is a code change that will break, they try to upgrade your code for you. In this last update it broke many areas of my application and I am still finding problems. Not a good experience...
Martin Bechev
Telerik team
 answered on 27 Jan 2022
1 answer
362 views

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'id12345}
    2. 1{name'Maryanne Summry - Wife'id223344disabledfalse}
    3. 2{name'Talia J Summry - Daughter'id33445566disabledfalse}
    4. length3
    5. [[Prototype]]Array(0)

    Any insight on this is greatly appreciated.

    Thanks,

    Jyothi

Martin Bechev
Telerik team
 answered on 27 Jan 2022
1 answer
171 views

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

<form [formGroup]="myForm">
   <div class="example-config">
     The form.gender value is: <strong>{{ myForm.controls.gender.value | json }}</strong>
   </div>
   <p>Select Gender:</p>
   <kendo-multiselect
       formControlName="gender"
       [data]="genders"
       [textField]="'text'"
       [valueField]="'value'"
       [valuePrimitive]="true"  
       #gender        
   >
   </kendo-multiselect>
 </form>
Ivo
Telerik team
 answered on 26 Jan 2022
0 answers
419 views

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);

Johan
Top achievements
Rank 1
 updated question on 26 Jan 2022
0 answers
36 views

Hi

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

 

Regards

 

Masip
Top achievements
Rank 1
Iron
 asked on 26 Jan 2022
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?