Telerik Forums
KendoReact Forum
1 answer
184 views

Hello everyone,

I'm having an issue when I add a "compare" function in the "group" field of the "State"(which take Array<GroupDescriptor> ).

It doesn't seem to be working as I don't see it in the URL query when I convert it to string from DataSourceRequestState with toDataSourceRequestString. Also the object received in data isn't sorted or process by the function as it should.

I try many things to make it work. I tried to change the function to a string. I even tried to encoded it directly in the URL.

I want to do something a little bit similar to what is on the kendo ui for jQuery on the groupable.sort. Except it will be on the group of State React :

https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/columns.groupable.sort.compare

Also, Sorry for my English, it is not my native language.

Thank you,

Konstantin Dikov
Telerik team
 answered on 01 Nov 2023
1 answer
70 views

Hcbc

Konstantin Dikov
Telerik team
 answered on 01 Nov 2023
2 answers
90 views

Hi guys,

I'm trying to style a <Pager pageSizes> dropdown popup.

Is there any way to add a className to it? Or the only workaround is to create a complete custom Pager to do so?

Thanks!

Pablo
Top achievements
Rank 1
Iron
 answered on 30 Oct 2023
1 answer
149 views
How to add select all option in form multiselect component. i am passing data as object with country code & country name for the component
Wissam
Telerik team
 answered on 30 Oct 2023
1 answer
99 views
Hi,

I am currently working with a component that utilizes the React MultiColumnComboBox dropdown, and I have encountered a styling issue. This issue arises when the dataset is small enough that no scrollbar is present. In such cases, the header still adjusts for the scrollbar, while the list does not, leading to a misalignment between the two.

Could you please provide assistance or guidance on how to resolve this issue? I aim for a consistent appearance, regardless of whether the scrollbar is present.

Thank you in advance for your time and assistance.

Best,
Bartek
Filip
Telerik team
 answered on 27 Oct 2023
1 answer
105 views

Hi All,

Can we add an Add button to the Toolbar of our ListBox component? 

Filip
Telerik team
 answered on 26 Oct 2023
2 answers
213 views

Hello React Team,

I just have an issue with the filters of a Kendo React Data Grid. It can happen that more than 100 filter values are sent to the .NET Web API via the URL. This then causes an error on the server. Probably due to the length of the request URL or also due to the nesting depth of the JSON. Can the DataSourceRequest also be sent with the body or is it necessary to implement this via the URL?

The URL has a length of about 5,400 characters with 166 filter values.

 

Thanks in advance for the support.

Konstantin Dikov
Telerik team
 answered on 25 Oct 2023
1 answer
1.6K+ views

Components are onrganized in simple hierarchical structure like this below


<Window>

<Grid>

<GridColumn

cell= {props => <MultiColumnComboBox />}

></GridColumn>

</Grid>

<Window>


 

When one row which means one multicolumncombobox exists inside <Grid>, No problem,

But, When two rows which mean two multicolumncombbox exist, An Error has happend.

"ResizeObserver loop completed with undelivered notifications."

 

 

my package.json  is

"@babel/plugin-proposal-private-property-in-object": "^7.21.11",
"@emotion/react": "^11.9.0",
"@emotion/styled": "^11.8.1",
"@microsoft/signalr": "^6.0.3",
"@mui/icons-material": "^5.11.9",
"@mui/material": "^5.6.4",
"@progress/kendo-data-query": "^1.5.5",
"@progress/kendo-drawing": "^1.17.2",
"@progress/kendo-file-saver": "^1.1.1",
"@progress/kendo-licensing": "^1.2.1",
"@progress/kendo-react-animation": "^5.9.0",
"@progress/kendo-react-buttons": "^5.18.0",
"@progress/kendo-react-charts": "^5.18.0",
"@progress/kendo-react-common": "5.18.0",
"@progress/kendo-react-data-tools": "^5.18.0",
"@progress/kendo-react-dateinputs": "^5.18.0",
"@progress/kendo-react-dialogs": "^5.18.0",
"@progress/kendo-react-dropdowns": "^5.18.0",
"@progress/kendo-react-form": "^5.18.0",
"@progress/kendo-react-grid": "^5.18.0",
"@progress/kendo-react-indicators": "^5.18.0",
"@progress/kendo-react-inputs": "^5.18.0",
"@progress/kendo-react-intl": "^5.18.0",
"@progress/kendo-react-labels": "^5.18.0",
"@progress/kendo-react-layout": "^5.18.0",
"@progress/kendo-react-listbox": "^5.18.0",
"@progress/kendo-react-listview": "^5.18.0",
"@progress/kendo-react-notification": "^5.18.0",
"@progress/kendo-react-pdf": "^5.18.0",
"@progress/kendo-react-popup": "^5.18.0",
"@progress/kendo-react-progressbars": "^5.18.0",
"@progress/kendo-react-scrollview": "^5.18.0",
"@progress/kendo-react-spreadsheet": "^5.18.0",
"@progress/kendo-react-tooltip": "^5.18.0",
"@progress/kendo-react-treeview": "^5.18.0",
"@progress/kendo-react-upload": "^5.18.0",
"@progress/kendo-svg-icons": "^1.9.0",
"@progress/kendo-theme-default": "^6.7.0",
"@testing-library/jest-dom": "^6.1.3",
"@testing-library/react": "^14.0.0",
"@testing-library/user-event": "^14.5.0",
"calculate-size": "^1.1.1",
"cldr": "^7.2.0",
"cldr-core": "^41.0.0",
"cldr-dates-full": "^41.0.0",
"cldr-numbers-full": "^41.0.0",
"dotenv": "^16.0.0",
"dragselect": "^2.3.0",
"hammerjs": "^2.0.8",
"mobx": "^6.6.1",
"mobx-react": "^7.5.2",
"monaco-editor": "^0.32.1",
"react": "^18.1.0",
"react-dom": "^18.1.0",
"react-error-boundary": "^3.1.4",
"react-intersection-observer": "^9.4.3",
"react-router": "^5.3.4",
"react-router-dom": "^5.3.4",
"react-scripts": "^5.0.1",
"react-simple-image-viewer": "^1.2.2",
"react-to-print": "^2.14.7",
"typescript": "^4.5.5",
"web-vitals": "^2.1.3"

 

 

And error image is.

 

Please. help me.

Konstantin Dikov
Telerik team
 answered on 25 Oct 2023
1 answer
448 views
I am using a Kendo React pie chart, but when there is no data, the chart displays a black screen instead of an empty pie chart. Please provide an example of how to show an empty pie chart."
Vessy
Telerik team
 answered on 23 Oct 2023
1 answer
139 views

Need an example of multi-select tree API data.

Found Similar for Dropdown - https://stackblitz.com/edit/react-gr9hn2?file=app%2Fmain.jsx

 

 

Wissam
Telerik team
 answered on 20 Oct 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?