Telerik Forums
Kendo UI for Angular Forum
0 answers
257 views

I am facing issue with using both Kendo UI for Angular and Angular Material together. 

Facing below build errors if both the packages are installed. 

<kendo-grid> is not a known element.

Filterable is not a known element.

Angular/cli version - 14.2.0

Kendo version - 11.1.0

Angular material version - 8.2.3

Kendo and Material are working fine separately.

Lavanya
Top achievements
Rank 1
 asked on 10 May 2023
1 answer
2.6K+ views

I have kendo dropdown list getting data from list like text and value

When I load the page I need to set the dropdown value

 

<kendo-dropdownlist [data]="item.listAnswerOptions" id="Q{{item.QuestionId}}" [valuePrimitive]="true" textField="text" valueField="value" [(ngModel)]="item.EncAnswerOption"> </kendo-dropdownlist>

 

where In

[(ngModel)]="item.EncAnswerOption">

 

item.EncAnswerOption has value to be set

Martin Bechev
Telerik team
 answered on 10 May 2023
1 answer
558 views

I have a kendo grid that contains data that comes from a DB call.
Currently the export excel button extracts all the data equal to the datasource.
It is mapped into java.
I would like that when compiling the filters of the kendo grid when I click on the button it extracts only the filtered data

 


 <kendo-grid
                            [data]="gridData"
                            [pageSize]="state.take"
                            [skip]="state.skip"
                            [sort]="state.sort"
                            [filter]="state.filter"
                            [sortable]="true"
                            [pageable]="true"
                            [filterable]="true"
                            [selectable]="true"
                            [style.minHeight.px]="minMaxHeight"
                            [style.maxHeight.px]="minMaxHeight"
                            (dataStateChange)="dataStateChange($event)">
                            <kendo-grid-column field="name" title="{{'name' | translate}}"></kendo-grid-column>
                            <kendo-grid-column field="month" title="{{'month' | translate}}"></kendo-grid-column>
</kendo-grid>

Martin Bechev
Telerik team
 answered on 09 May 2023
1 answer
923 views

how to change the dollar label to that of the local currency.

With i18n dynamically


<kendo-grid-column class="price-col" field="price" title="Price" [width]="80">
        <ng-template kendoGridHeaderTemplate let-dataItem>
            Price
            <span class="grid-header-subtitle">(Intraday)</span>
        </ng-template>
        <ng-template kendoGridCellTemplate let-dataItem>
            {{ dataItem.price | currency: 'EUR' }}
        </ng-template>
    </kendo-grid-column>

Hetali
Telerik team
 answered on 08 May 2023
1 answer
187 views

Hi.

 

I have seen the following Date Picker.

Is it possible to implement such a behaviour for Telerik Kendo UI Date Picker?

If yes, how would I do something like that?

Best regards

M

Hetali
Telerik team
 answered on 06 May 2023
1 answer
254 views

Say I have a form:

First Name

Last Name

Address

 

I don't wont to export Last Name that is in a middle of export content.

Martin Bechev
Telerik team
 answered on 05 May 2023
1 answer
597 views

Error: node_modules/@progress/kendo-angular-grid/localization/custom-messages.component.d.ts:15:19 -

error TS2611: 'override' is defined as a property in class 'GridMessages', but is

overridden here in 'CustomMessagesComponent' as an accessor. 15 protected get override(): boolean;


I have done this:

 

Upgraded Angular version 15.2.6 from 12

I installed kendo grid - > npm i  @progress/kendo-angular-grid@7.4.2

Have removed package-lock.json and cleaned the npm cache multiple times.

also removed the node_modules folder and reinstalled the dependencies.



Here are the packages installed:

    "@angular/animations": "^15.2.0",
    "@angular/cli": "^15.2.0",
    "@angular/common": "^15.2.0",
    "@angular/compiler": "^15.2.0",
    "@angular/core": "^15.2.0",
    "@angular/forms": "^15.2.0",
    "@angular/platform-browser": "^15.2.0",
    "@angular/platform-browser-dynamic": "^15.2.0",
    "@angular/router": "^15.2.0",
    "@progress/kendo-angular-buttons": "^7.0.6",
    "@progress/kendo-angular-common": "^2.0.0",
    "@progress/kendo-angular-dateinputs": "^5.0.0",
    "@progress/kendo-angular-dialog": "^5.1.0",
    "@progress/kendo-angular-dropdowns": "^5.0.0",
    "@progress/kendo-angular-excel-export": "^4.0.0",
    "@progress/kendo-angular-grid": "^7.4.2",
    "@progress/kendo-angular-inputs": "^7.0.0",
    "@progress/kendo-angular-intl": "^3.0.0",
    "@progress/kendo-angular-l10n": "^3.0.0",
    "@progress/kendo-angular-label": "^3.0.0",
    "@progress/kendo-angular-layout": "^6.2.0",
    "@progress/kendo-angular-pdf-export": "^3.0.0",
    "@progress/kendo-angular-popup": "^4.0.0",
    "@progress/kendo-angular-progressbar": "^2.0.0",
    "@progress/kendo-angular-tooltip": "^3.0.2",
    "@progress/kendo-angular-treeview": "^5.0.0",
    "@progress/kendo-data-query": "^1.0.0",
    "@progress/kendo-drawing": "^1.0.0",
    "@progress/kendo-licensing": "^1.0.2",
    "@progress/kendo-theme-default": "^4.41.1",
    "angular-froala-wysiwyg": "4.0.7",
    "bootstrap": "^4.3.1",
    "classlist.js": "^1.1.20150312",
    "core-js": "^2.6.9",
    "font-awesome": "^4.7.0",
    "isomorphic-fetch": "^2.2.1",
    "jquery": "^3.6.0",
    "ng-http-loader": "^5.1.0",
    "ngx-logger": "^5.0.11",
    "ngx-mask": "^6.5.17",
    "process": "^0.11.10",
    "rxjs": "^7.8.0",
    "util": "^0.12.4",
    "zone.js": "~0.11.4"


 

 

 

Martin Bechev
Telerik team
 updated answer on 02 May 2023
0 answers
133 views

HI,

Row disappears automatically after adding new row to kendo-grid dynamically while using filter condition if we clear filter also.

Gnaneshwar
Top achievements
Rank 1
 asked on 02 May 2023
1 answer
168 views

We set date range with a min date and max date( ex: 26/04/1953 - 26/04/2007)

If we don't set a value , the calendar doesn't display correctly

We attach a example with Stackblitz

We have the probleme wtih version 11.6.0 but it exactly the same with version 12.0.0 in Stackblitz

 

Yanmario
Telerik team
 answered on 01 May 2023
1 answer
262 views

Hello,

I am trying to use the TreeList scrollTo function in order to scroll the list to a given location. However, this does not seem to do anything. The tree is not scrolled.

Example:

this.treelist.scrollTo({ row: 0, column: 0});

I would expect this to scroll to the top of the treeList, but it does nothing.

Is this a known issue? If so, do you have a suggestion to work around it to scroll the treeList?

I'm using version 11.2.0.

Hetali
Telerik team
 updated answer on 28 Apr 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?