or
1 answer
146 views
Hello,
Using the ThemeBuilder, we would like to change the default theme for all the buttons in the application.
There is a way to setup the buttons for the "Secondary" and "Primary" theme.
And it seems that some components use the "Secondary" theme, instead of the "Primary" theme. Like here, with the ListBox:
How can we setup our buttons in the ThemeBuilder, so that the default theme used by the components is the "Primary" theme?
Nick Iliev
Telerik team
answered
on
17 Jun 2024
1 answer
119 views
Hello,
In our project, we use DataGrid from the Kendo React library, but we are experiencing performance issues in one case.
Basically, we have a DataGrid that gets a dataset of 2000 items max as input. Each item can have ~100 columns.
One of the design choices was to introduce classic pagination of the client side, which works fine, and for the dataset with items that have 10-20 columns, the performance is sufficient. Unfortunately, for ~100 columns, not.
Because of that, I wanted to ask if it's possible to introduce the virtualization of rows and columns for a data grid that uses client-side pagination?
In our project, we use DataGrid from the Kendo React library, but we are experiencing performance issues in one case.
Basically, we have a DataGrid that gets a dataset of 2000 items max as input. Each item can have ~100 columns.
One of the design choices was to introduce classic pagination of the client side, which works fine, and for the dataset with items that have 10-20 columns, the performance is sufficient. Unfortunately, for ~100 columns, not.
Because of that, I wanted to ask if it's possible to introduce the virtualization of rows and columns for a data grid that uses client-side pagination?
Konstantin Dikov
Telerik team
answered
on
17 Jun 2024
1 answer
1.0K+ views
Because our DatePicker implementations need custom logic for keyUp and keyDown events, it's critical that our unit tests simulate key presses instead of just populating entire preset values. We are currently unable to update any DatePicker's value with the react testing library fireEvents (@testing-library/react). We're aware that React also has Keyboard events available in the user-event library, but the installation conflicts with our kendo library dependencies. How do we get fireEvent keyUp/Down events to change a DatePicker's value, or is this not possible in KendoReact?
test("update datepicker value with key events", () => {
render(
<DatePicker id="testDatePicker" defaultValue={new Date("10/11/2024")} />,
);
const dateInput = screen.getByRole("combobox");
act(() => {
fireEvent.keyDown(dateInput, { key: "2", code: "Digit2" });
fireEvent.keyUp(dateInput, { key: "2", code: "Digit2" });
});
expect(dateInput).toHaveDisplayValue(["02/11/2024"]);
});
Wissam
Telerik team
answered
on
13 Jun 2024
1 answer
143 views
I have a requirement for my project like, when i do incell editing in the grid, i have to check for duplicate rows in the grid & highlight the entire row with red color. & after resolving the duplicate issues by changing any of the cell value, the highlight should go off. i am already using custom components for combox & numeric textboxes.
Konstantin Dikov
Telerik team
answered
on
12 Jun 2024
1 answer
78 views
I would like to dynamically load the sub-items of a TreeList whenever the triangle infront of an element is clicked to open the sub-item and then fetch the sub-items from an API. I guess I need to use the onExpandChange event for this, correct? Do you have an example on how I would have to extend the original tree when the sub-items have loaded?
Any hints would be greatly appreciated.
Thanks,
Bernd
Vessy
Telerik team
answered
on
12 Jun 2024
1 answer
56 views
I am using 2 multi select dropdowns in form components. For example country & state. When i select a country in the first dropdown the corresponding state names will be populated in the 2nd dropdown. But when i click on search & select the 2nd dropdown again, it will display all the state names in the list instead of previously populated state.
Konstantin Dikov
Telerik team
answered
on
12 Jun 2024
1 answer
270 views
hi, I'm using DatePicker & TimePicker components. Seems like they use browser's time zone.
I need to customize time zone to one which is used on my backend.
Is there any way to do it?
Wissam
Telerik team
answered
on
11 Jun 2024
1 answer
70 views
Hi All,
I used custom-rendering MultiSelectTree, First step selected all
then unselect about.html, Its parent is in a half-selected state, but the top state is still fully selected, this is not what expected.
React Dropdowns Library & MultiSelectTree Component - Custom Rendering - KendoReact Docs & Demos (telerik.com)
Regards,
Sunny
Wissam
Telerik team
answered
on
10 Jun 2024
1 answer
86 views
I use React Kendo Grid. There are some operations on the page which changes data in the grid.
I want to reload grid without grid buttons. Actually I'm looking for grid.reload() method but couldn't find.
Can you help me please?
Wissam
Telerik team
answered
on
10 Jun 2024
1 answer
155 views
I am in the process of trying to convert an older Kendo UI for jQuery app to Kendo React and a feature that we had was being able to maintain a window components aspect ratio.
We were doing this by using the resizing direction along with the before/after to adjust the height/width accordingly while resizing.
Looking at KendoReact, it seems to be using WindowMoveEvent which does not have this, and I don't see it available in the nativeEvent either.
Does anyone know if this might be accessible anywhere that I may be overlooking, or have any input on how I can get the resize direction?
Konstantin Dikov
Telerik team
answered
on
07 Jun 2024
