Telerik Forums
Kendo UI for Angular Forum
1 answer
1.1K+ views
can u help me writing testcase for kendo ui grid. or is there any reference where i can get some insight of writting test cases for kendo components in angular.
Martin Bechev
Telerik team
 answered on 02 Feb 2022
1 answer
347 views

https://stackblitz.com/edit/angular-xrfu5g-6fw38x

Error: src/app/app.component.ts:91:83 - error TS2339: Property 'field' does not exist on type 'FilterDescriptor | CompositeFilterDescriptor'.

Hi

what is mistake ?

Regards

 

Georgi
Telerik team
 answered on 01 Feb 2022
1 answer
590 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
204 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
193 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
285 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.7K+ 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
136 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
432 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
258 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
Narrow your results
Selected tags
Tags
+? more
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?