Telerik Forums
Kendo UI for Angular Forum
1 answer
523 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
101 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
100 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
179 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
1 answer
184 views

Hi there,

 

I am trying to upgrade my project from Angular 14 to Angular 15. I am getting the following errors:

./src/assets/styles/pim.scss - Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Index out of range
     ╷
1328 │     @return function-exists( $name );
     │             ^^^^^^^^^^^^^^^^^^^^^^^^
     ╵
  @progress\kendo-theme-default\dist\all.scss 1328:13  k-meta-function-exists()
  @progress\kendo-theme-default\dist\all.scss 6526:19  generate-utils()
  @progress\kendo-theme-default\dist\all.scss 6627:5   kendo-utils--layout--aspect-ratio()
  @progress\kendo-theme-default\dist\all.scss 7440:5   kendo-utils--layout()
  @progress\kendo-theme-default\dist\all.scss 13231:5  kendo-utils()
  @progress\kendo-theme-default\dist\all.scss 13259:9  @content
  @progress\kendo-theme-default\dist\all.scss 3695:9   module-render()
  @progress\kendo-theme-default\dist\all.scss 13258:5  kendo-utils--styles()
  @progress\kendo-theme-default\dist\all.scss 13264:5  @import
  src\assets\styles\_kendo-custom.scss 16:9            @import
  src\assets\styles\my.scss 5:9                       root stylesheet

./src/assets/styles/my.scss?ngGlobalStyle - Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
HookWebpackError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Index out of range
     ╷
1328 │     @return function-exists( $name );
     │             ^^^^^^^^^^^^^^^^^^^^^^^^
     ╵
  @progress\kendo-theme-default\dist\all.scss 1328:13  k-meta-function-exists()
  @progress\kendo-theme-default\dist\all.scss 6526:19  generate-utils()
  @progress\kendo-theme-default\dist\all.scss 6627:5   kendo-utils--layout--aspect-ratio()
  @progress\kendo-theme-default\dist\all.scss 7440:5   kendo-utils--layout()
  @progress\kendo-theme-default\dist\all.scss 13231:5  kendo-utils()
  @progress\kendo-theme-default\dist\all.scss 13259:9  @content
  @progress\kendo-theme-default\dist\all.scss 3695:9   module-render()
  @progress\kendo-theme-default\dist\all.scss 13258:5  kendo-utils--styles()
  @progress\kendo-theme-default\dist\all.scss 13264:5  @import
  src\assets\styles\_kendo-custom.scss 16:9            @import
  src\assets\styles\my.scss 5:9                       root stylesheet

 

In my _kendo-custom.scss, it's simply importing the default theme stylesheet like this:

@import "@progress/kendo-theme-default/dist/all.scss";

I have tried to upgrade all the dependencies, but it's still throwing these errors. Here is the content my package.json

    "@angular/animations": "^15.2.8",
    "@angular/cdk": "^15.2.8",
    "@angular/common": "^15.2.8",
    "@angular/compiler": "^15.2.8",
    "@angular/core": "^15.2.8",
    "@angular/forms": "^15.2.8",
    "@angular/localize": "^15.2.8",
    "@angular/material": "^15.2.8",
    "@angular/platform-browser": "^15.2.8",
    "@angular/platform-browser-dynamic": "^15.2.8",
    "@angular/router": "^15.2.8",
    "@ng-select/ng-select": "^10.0.4",
    "@progress/kendo-angular-buttons": "^11.6.0",
    "@progress/kendo-angular-common": "^11.6.0",
    "@progress/kendo-angular-dateinputs": "^11.6.0",
    "@progress/kendo-angular-dialog": "^11.6.0",
    "@progress/kendo-angular-dropdowns": "^11.6.0",
    "@progress/kendo-angular-excel-export": "^11.6.0",
    "@progress/kendo-angular-grid": "^11.6.0",
    "@progress/kendo-angular-inputs": "^11.6.0",
    "@progress/kendo-angular-intl": "^11.6.0",
    "@progress/kendo-angular-l10n": "^11.6.0",
    "@progress/kendo-angular-label": "^11.6.0",
    "@progress/kendo-angular-notification": "^11.6.0",
    "@progress/kendo-angular-pdf-export": "^11.6.0",
    "@progress/kendo-angular-popup": "^11.6.0",
    "@progress/kendo-angular-tooltip": "^11.6.0",
    "@progress/kendo-angular-treelist": "^11.6.0",
    "@progress/kendo-angular-treeview": "^11.6.0",
    "@progress/kendo-common": "^0.2.2",
    "@progress/kendo-data-query": "^1.6.0",
    "@progress/kendo-date-math": "^1.5.10",
    "@progress/kendo-drawing": "^1.17.5",
    "@progress/kendo-file-saver": "^1.1.1",
    "@progress/kendo-licensing": "^1.3.0",
    "@progress/kendo-ooxml": "^1.7.0",
    "@progress/kendo-popup-common": "^1.9.2",
    "@progress/kendo-schematics": "^3.2.0",
    "@progress/kendo-theme-default": "^6.3.0",

 

Running out of ideas now on how to resolve this. Any help would be appreciated!

Martin Bechev
Telerik team
 answered on 28 Apr 2023
0 answers
178 views

Hi,

I am trying to export multiple treelists which has same columns and treelists are generated by *ngFor  (from an external button request) into one Excel sheet. I cannot get it quite right, and cannot find any example that can help me.

Any examples or assistance would be greatly appreciated.

Thank you,

Mahidhar.

Mahidhar
Top achievements
Rank 1
 updated question on 28 Apr 2023
0 answers
99 views

Hi,

I am implementing a solution using the Kendo UI for Angular Filter Component. The filter fields will potentially be a very large list of fields and I'd like to use the Kendo Automcomplete control to display the field picker instead of the standard dropdownlist. I can see that there is support for customizing the Value Editor for each filter, but is there any way to use a custom template for the Field selector?

Ben
Top achievements
Rank 1
 asked on 27 Apr 2023
0 answers
129 views
Hello,

Here is a one scenario I want to use.
I have one kendo-grid and one kendo-treeview in the component.
Now I want to drag a row from the kendo-grid and drop that on the treeview.

means I want when I drag the row from the grid and hover on the treeview node. then treeview drop event should be activated. so I can drop the item and do the opration for the specific node.

Any suggestions how can I do that ??  
shivam
Top achievements
Rank 1
 asked on 27 Apr 2023
1 answer
99 views

using kendoFileSelectFileTemplate,

would like to have some Angular TypeScript code run when the user clicks in the whitespace in the <li> elements rendered by the kendo-upload control.

Martin Bechev
Telerik team
 answered on 26 Apr 2023
1 answer
100 views

how can edit the dropdown defaultitem cell , I want to change the background colour and font size . thanks 

 
Martin Bechev
Telerik team
 answered on 26 Apr 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?