Hi everyone,
We're experiencing a major performance issue with our Kendo MultiColumnComboBox when used alongside Wijmo FlexSheet like opening excel and switching between worksheets or copy pasting cell value. The dropdown becomes incredibly laggy and unresponsive, to the point of freezing the entire browser, making it practically unusable. It is only happening in this scenario. All other dropdown used like mat-select or any text input is working properly in this scenario.
Here's a breakdown of the problem:
Symptoms: Kendo MultiColumnComboBox dropdown experiences severe lag and freezing when:
1. Opening the dropdown.
2. Scrolling within the dropdown.
We've tried various solutions to improve performance, including:
Memory optimization: Tested with limited memory (2GB) to rule out memory leaks, but the issue persisted.
Virtualization: Implemented virtualization for the dropdown, but it didn't alleviate the lag.
We're at a loss and would greatly appreciate any insights or suggestions from the community. Has anyone encountered similar issues with Kendo MultiColumnComboBox and Wijmo FlexSheet integration?
What troubleshooting steps or alternative solutions would you recommend?
Thanks in advance for your help!
We're hoping to find a solution that resolves this critical performance issue and improves the user experience for our platform.
Hi,
We have a requirement, where we are using supporting internationalization for only date, numbers and currency. We do not want the calendar months to be displayed in local language. For example, when we set the LOCALE_ID, useValue: 'pt-PT', we don't want the calendar months to be displayed in Portugues. We want it to be SU, MO etc. Is this achievable?
Regards,
Jyothi
Hello!
We got the issue that icons are not displayed correctly inside our kendo ui components.
We followed the styling tutorial Styling & Themes - Overview - Kendo UI for Angular (telerik.com) and Overview - Icon - Kendo UI for Angular (telerik.com).
We are using Kendo 11.3, kendo-theme-bootstrap 7.0.2 (also installed default theme), kendo-font-icons ^2.0.0
We also imported inside styles.scss:
@import '@progress/kendo-theme-bootstrap/scss/icons/_index.scss';
...
// kendo-angular-dropdowns
@import '@progress/kendo-theme-bootstrap/scss/autocomplete/_index.scss';
@import '@progress/kendo-theme-bootstrap/scss/combobox/_index.scss';
@import '@progress/kendo-theme-bootstrap/scss/dropdownlist/_index.scss';
@import '@progress/kendo-theme-bootstrap/scss/dropdowntree/_index.scss';
@import '@progress/kendo-theme-bootstrap/scss/multiselect/_index.scss';
...
@import '@progress/kendo-font-icons/dist/index.css';
The result of a dropdown box is in the image, it shows the wrong icon for the arrow down symbol.
Has anyone had this issue before and can somebody help please?
Thank you for your time
Hello,
We are currently experiencing a problem while presenting a stacked chart with approximately 8000 records. When we try to display all 8000 records at once, the chart keeps loading and the browser crashes after a few seconds, basically the screen freezes. We are currently using the chrome browser to run the web application.But when we load the chart with around 3000 records, it displays all of them without any problems.
As a result, we only face this problem when we attempt to load a huge number of records at once. So my concern is whether there is a fixed number of records that we can load for a stacked chart at once.
Hi everyone.
I already have a wrapper for "Kendo-grid" (app-data-table: it set everything about data, kind of filters (row, menu), and others) and almost work fine that all, however, when I use it in other component that insert the "kendo-grid-column" and I tried to customize a filter it start to throw errors.
Here a brief part of code:
<app-data-table *ngIf="dataTableOptions" [options]="dataTableOptions" (api)="setDataTableAPI($event)"
<kendo-grid-column field="fieldName" [title]="fieldTitle" [filterable]="true" [width]="180" filter="text">
<ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
<kendo-grid-string-filter-menu
[column]="column"
[filter]="filter"
[filterService]="filterService">
<kendo-filter-eq-operator></kendo-filter-eq-operator>
<kendo-filter-neq-operator></kendo-filter-neq-operator>
<kendo-filter-contains-operator></kendo-filter-contains-operator>
<kendo-filter-not-contains-operator></kendo-filter-not-contains-operator>
<kendo-filter-startswith-operator></kendo-filter-startswith-operator>
<kendo-filter-endswith-operator></kendo-filter-endswith-operator>
</kendo-grid-string-filter-menu>
</ng-template>
</kendo-grid-column>
</app-data-table>
Here an image with one of the errors:
Any help, thanks?
<kendo-grid
[kendoGridBinding]="reports"
[pageable]="false"
[sortable]="true"
>
<kendo-grid-column field="quarter" title="Quarter">
</kendo-grid-column>
<kendo-grid-column field="wages" title="Total Wages" [width]="120" format="{0:c}">
</kendo-grid-column>
<kendo-grid-column field="taxable" title="Taxable Wages" [width]="120" format="{0:c}">
</kendo-grid-column>
<!-- Employer column doesn't sort -->
<kendo-grid-column field="employer" title="Employer" [width]="100">
<ng-template kendoGridCellTemplate let-dataItem>
{{ dataItem.entity?.name}}
</ng-template>
</kendo-grid-column>
</kendo-grid>