Is there a way to specify a render method for the grid pager?
I would like to be able to split the k-pager-info into two separate elements (total items and page number) and change the positioning of these elements significantly.
Hello
I was wondering how the step props on the Slider works. In the attached example the current value on the onChange event has multiple decimals, as shown in the console. I was expecting natural numbers by the 10 (0, 10, 20 ... 100). Do I understand the meaning of the step props wrong? If so, how do I get distinct values from the slider?
https://stackblitz.com/edit/react-ygjp8x
Hi
I'm using this example from the docs for my project: https://www.telerik.com/kendo-react-ui/components/grid/editing/editing-in-cell/
1) What is the editField in state used for in this example as it doesn't appear to affect anything
2) I've only got one cell in the grid that I want to edit. While setting editable={false} on the other columns stops them from being editable it doesn't stop them from getting the onClick enterEdit, I thought I could be able to do my own custom filtering here but it appears the editable prop isn't passed through.
3) How would you recommend sending data to the server after a user has updated the cell, I don't want to use a save changes button. I would like the data to be sent after the user has removed focus from the input so exitEdit seems perfect, but it doesn't fire unless you click off the row, if you click on another cell nothing happens.
4) I have a default value for this cell that says required if it's blank. On clicking the cell it clears the value so the input is empty. If the user doesn't add anything it should add the required value back on so it can be seen in the grid again. It works when I click away from the row but clicking on another cell the value stays blank.
I would be great if you could help me with these questions.
Thanks
Hello community,
I had a use case in which i want to shift the Kendo React window to bottom right of window on minimizing by using the button on toolbar(not by a separate button). And by default, it should be on top right.
Initially, window should be in top left as shown in first
figure , on minimizing, it should go to bottom right as shown in second
figure.
Can somebody help me with this issue?
Any help would be highly appreciated.
I decide to use webpack external to dynamically load the scipt files using CDN links. But, I am getting the below script error.
react-dom.production.min.js:125 TypeError: Cannot read property 'Button' of undefined
at c (main.js:1)
at we (react-dom.production.min.js:84)
at zj (react-dom.production.min.js:226)
at Th (react-dom.production.min.js:152)
at tj (react-dom.production.min.js:152)
at Te (react-dom.production.min.js:146)
at Ja (react-dom.production.min.js:224)
at md (react-dom.production.min.js:173)
at react-dom.production.min.js:175
at Rh (react-dom.production.min.js:147)
Me @ react-dom.production.min.js:125
react-dom.production.min.js:161 Uncaught TypeError: Cannot read property 'Button' of undefined
at c (main.js:1)
at we (react-dom.production.min.js:84)
at zj (react-dom.production.min.js:226)
at Th (react-dom.production.min.js:152)
at tj (react-dom.production.min.js:152)
at Te (react-dom.production.min.js:146)
at Ja (react-dom.production.min.js:224)
at md (react-dom.production.min.js:173)
at react-dom.production.min.js:175
at Rh (react-dom.production.min.js:147)
I know that Kendo React components could loaded only with script files but I want maintain the TypeScript standard. So, it is not possible.
I have attached the simple example application. Please help me to clear this. I have gone through multiple resource but not able to get it worked with Kendo component. Without Kendo there is no issue.
Hi everybody
I was wondering how to style the tooltip, preferrably with styled components. It should have a white background and black font color. The text should spread over 3 lines and the tooltip should have a drop shadow.
But this looks not at all what I expect.
const StyledTooltip = styled(Tooltip)`
background
:
white
;
color
:
black
;
height
:
116px
;
`;
I don't need a full solution, but a hint, how to style the tooltip.
Thanks in advance
Lukas