Telerik Forums
KendoReact Forum
2 answers
115 views

Hello.

I have a special question. Our users use date control, so they delete the current date / text in the input and enter the whole date with dots manually. But we can't do it like this in react data input. Is it possible for the input to be empty? There was such an option in JQuery, I could enter anything there.

 

For example here: https://demos.telerik.com/kendo-ui/dateinput/api

 

 

Well thank you

Vladislav
Top achievements
Rank 2
Iron
Iron
 answered on 03 Nov 2023
1 answer
71 views
We are exploring the KendoReact library and are specifically interested in file manager toolbar component, and we are wondering if there is a provision to upload the folder via drag and drop.
Wissam
Telerik team
 answered on 02 Nov 2023
1 answer
206 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
75 views

Hcbc

Konstantin Dikov
Telerik team
 answered on 01 Nov 2023
2 answers
95 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
166 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
110 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
114 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
257 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.7K+ 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
Narrow your results
Selected tags
Tags
+? more
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Jesse
Top achievements
Rank 2
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Jesse
Top achievements
Rank 2
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?