Hi,
We have an editable grid with multiple different editable field types outside of the basic TextInput including date fields, Combobox and multiselect. One requirement is to have the Enter key add a new row to the grid from the field in the last column - no mouse involvement, only keyboard navigation. With a field type of Text Input we can successfully implement with the onKeypress event. How can this event be implemented on the other field types that may be present as the editable field in the last column?
Example stackblitz here: https://stackblitz.com/edit/react-cw51ay-yswpbg?file=app%2Fmain.jsx
Does the Kendo UI for React grid have a search panel similar to the one for the ASP.NET Core grid?
Assuming it doesn't, we'd likely implement this outside the grid. Could we still use the toDataSourceRequestString functionality and incorporate the search string into that?
I'm following the guide for setting Editor to readonly. I got some backend api calls that fetches data to display in Editor.
If we initially set it to readonly, is there a way to update value of editor but keeping it readonly?
https://www.telerik.com/kendo-react-ui/components/editor/plugins/?&_ga=2.44037350.2112173554.1658652965-1429991543.1650758143#toc-read-only
Hi.
If an event using the SchedulerProportionalViewItem has a duration of less than 2 minutes, the event get's a height of 45px and doesn't display as long as it should. I have made an example showing events of 1 second, 1 minute and 2 minutes length and removed the text from it so that the event can show a length as appropriate:
https://stackblitz.com/edit/react-g64ffz?file=index.js
I gave the k-event a minHeight of 5px in the css so it doesn't appear too small for very short events. Is there a way to get around this if events are less than 2 minutes?
Also, in my example I tried to make the events editable but when I doubleclick on them, nothing happens. Not sure what the issue is.
Thanks!
Greetings,
Bernd
Hi.
I was asked to give the user the option to expand or collapse the columns. For example: on the header of the "Department name" column there will be an icon that when you click on it will expand and display the 2 columns after it. The deductive approach is that they will be folded until the user clicks on the icon.
Is there a built-in function that does this? Otherwise, how can it be done?Hi.
How can I prevent the edit dialog from appearing, if the event the user clicks on is in the past? I made an example:
https://stackblitz.com/edit/react-j2mfjp?file=app%2Fmain.tsx
If you click on one of the events, the alert appears but when I close the alert, the edit dialog appears too. I tried multiple things but couldn't manage it.
Thanks for any help,
Greetings,
Bernd
hey, ive asked a month ago a question about how to make horizontal lines and made the same as the answer
(link to the thread: https://www.telerik.com/forums/how-to-disable-chart-vertical-lines-and-how-to-make-the-lines-rounded#1569854)
but now i have a problem with the chart legend,
the chart legend isnt fixated on the position of each bar and it makes it hard to know which bar its for, example:
and the wanted result:
What's the Pros / Cons in comparison to other react frameworks?
Are there any pre-made design / prototyping solutions on the market?
If not, will you be interested in having such product for prototyping within Kenda UI guidelines?
I would like to be able to localize the format options. You can see here I have a custom font size component that is working fine. But a custom Format component is not working for me. I can use the default FormatBlock but dont know how to localize the labels.
I forked a font size sample here: https://stackblitz.com/edit/react-tsjbej?file=app%2FcustomFontSize.jsx,app%2Fmain.jsx