or
1 answer
54 views
A loader component with a theme color of secondary is always gray regardless of the theme settings. You can see this on your demo page.
Martin
Telerik team
answered
on
30 Aug 2023
1 answer
69 views
I have been trying to install the indicators
When installing I get the following: NPM install @progress/kendo-angular-indicators
While resolving: kendo-angular-app@0.0.0 Found: @progress/kendo-angular-common@2.0.3 node_modules/@progress/kendo-angular-common @progress/kendo-angular-common@"^2.0.3" from the root project Could not resolve dependency: peer @progress/kendo-angular-common@"^3.0.0" from @progress/kendo-angular-indicators@2.0.0 node_modules/@progress/kendo-angular-indicators @progress/kendo-angular-indicators@"^2.0.0" from the root project Fix the upstream dependency conflict, or retry this command with --force or --legacy-peer-deps to accept an incorrect (and potentially broken) dependency resolution.
Below is my package.json
{
"name": "kendo-angular-app",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve --ssl --ssl-key c:\\certificates\\localhost.key --ssl-cert c:\\certificates\\localhost.crt",
"build": "ng build",
"watch": "ng build --watch --configuration development",
"test": "ng test"
},
"private": true,
"dependencies": {
"@angular/animations": "^13.1.3",
"@angular/cdk": "^13.3.9",
"@angular/common": "^13.1.3",
"@angular/compiler": "^13.1.3",
"@angular/core": "^13.1.3",
"@angular/forms": "^13.1.3",
"@angular/localize": "^13.3.11",
"@angular/material": "^13.3.9",
"@angular/platform-browser": "^13.1.3",
"@angular/platform-browser-dynamic": "^13.1.3",
"@angular/router": "^13.1.3",
"@progress/kendo-angular-buttons": "^7.0.6",
"@progress/kendo-angular-common": "^2.0.3",
"@progress/kendo-angular-dateinputs": "^6.0.3",
"@progress/kendo-angular-dialog": "^6.0.2",
"@progress/kendo-angular-dropdowns": "^6.0.2",
"@progress/kendo-angular-excel-export": "^4.0.4",
"@progress/kendo-angular-filter": "^1.0.0",
"@progress/kendo-angular-grid": "^6.1.3",
"@progress/kendo-angular-icons": "^2.0.1",
"@progress/kendo-angular-indicators": "^2.0.0",
"@progress/kendo-angular-inputs": "^8.0.9",
"@progress/kendo-angular-intl": "^3.1.3",
"@progress/kendo-angular-l10n": "^3.0.4",
"@progress/kendo-angular-label": "^3.1.3",
"@progress/kendo-angular-menu": "^4.0.2",
"@progress/kendo-angular-notification": "^3.0.5",
"@progress/kendo-angular-pdf-export": "^3.0.4",
"@progress/kendo-angular-popup": "^4.0.6",
"@progress/kendo-angular-tooltip": "^4.0.3",
"@progress/kendo-angular-treeview": "^6.0.2",
"@progress/kendo-data-query": "^1.6.0",
"@progress/kendo-drawing": "^1.17.1",
"@progress/kendo-licensing": "^1.2.2",
"@progress/kendo-theme-default": "^5.8.1",
"@progress/kendo-theme-material": "^5.8.1",
"bootstrap": "^5.2.1",
"lodash": "^4.17.21",
"rxjs": "~7.4.0",
"tslib": "^2.4.0",
"zone.js": "^0.11.8"
},
"devDependencies": {
"@angular-devkit/build-angular": "^13.1.4",
"@angular/cli": "^13.1.4",
"@angular/compiler-cli": "^13.1.3",
"@types/jasmine": "^3.10.6",
"@types/lodash": "^4.14.185",
"@types/node": "^12.20.55",
"jasmine-core": "~3.10.0",
"karma": "^6.3.20",
"karma-chrome-launcher": "^3.1.1",
"karma-coverage": "^2.1.1",
"karma-jasmine": "^4.0.2",
"karma-jasmine-html-reporter": "~1.7.0",
"typescript": "^4.6.2"
}
}
Martin
Telerik team
answered
on
11 Jan 2023
0 answers
55 views
adding the loader in my projet
<kendo-loader type="infinite-spinner" themeColor="primary" size="medium"></kendo-loader>No compilation or runtime error, but nothing on the page appears.
Any idea?
1 answer
59 views
I'm having six tabs and in all six tabs, I'm having a kendo-grid table. when I load the component it's becoming too slow(40 seconds) when working with 500 records. and I'm loading data from API(Backend) and data comes from the backend very quickly(1 second) and pagination is enabled.
I have even implemented virtual scrolling but didn't help me.
<kendo-grid [data]="gridDataOpen" [loading]="loaderVisible" [filterable]="true" [filter]="state.filter"
scrollable="virtual" [rowHeight]="35" [sortable]="true" [sort]="state.sort" [pageSize]="state.take"
[skip]="state.skip"[height]="700"(dataStateChange)="dataStateChange($event)"(pageChange)="pageChange($event)">
pageChange(e) {
this.loaderVisible = true;
this.state.skip = e.skip;
this.loadItems(e);
}
public pageSize = 100;
loadItems(state): void {
this.gridDataOpen = {
data: this.tableDataOpen.slice(this.state.skip, this.state.skip + this.pageSize),
total: this.tableDataOpen.length,
};
this.gridDataAccepted = {
data: this.tableDataAccepted.slice(this.state.skip, this.state.skip + this.pageSize),
total: this.tableDataAccepted.length,
};
this.gridDataSubmitted = {
data: this.tableDataSubmitted.slice(this.state.skip, this.state.skip + this.pageSize),
total: this.tableDataSubmitted.length,
};
this.gridDataSubmissionAccepted = {
data: this.tableDataSubmissionAccepted.slice(this.state.skip, this.state.skip + this.pageSize),
total: this.tableDataSubmissionAccepted.length,
};
this.gridDataRejected = {
data: this.tableDataRejected.slice(this.state.skip, this.state.skip + this.pageSize),
total: this.tableDataRejected.length,
};
this.gridDataCancelled = {
data: this.tableDataCancelled.slice(this.state.skip, this.state.skip + this.pageSize),
total: this.tableDataCancelled.length,
};
this.loaderVisible = false;
}
Martin
Telerik team
answered
on
19 Nov 2021
