Telerik Forums
KendoReact Forum
1 answer
83 views

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.

Stefan
Telerik team
 answered on 30 Jun 2020
1 answer
749 views
I want to scope my styles for the list items, but no matter how I try to pass in an HTMLElement reference to the popupSettings appendTo property, I don't get any items rendering in the DOM. Is this API documented correctly and does the feature work properly?
Stefan
Telerik team
 answered on 30 Jun 2020
1 answer
59 views
Hello Telerik Community,
I am currently working on a project which has a usecase as shown in
image. The data is present in JSON which is rendered as in image. On
Click of "+" button, i can add new Action just below the arrowhead of
the "+" button. I was wondering if this use case is solvable using
KendoReact ?
Any help would be highly appreciated.
Stefan
Telerik team
 answered on 30 Jun 2020
3 answers
218 views

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

Stefan
Telerik team
 answered on 25 Jun 2020
1 answer
97 views
I was wondering if we can draw objects in kendo react like rectangles and drag and drop them to different groups and join different groups by dynamically sized arrows?
Stefan
Telerik team
 answered on 25 Jun 2020
2 answers
363 views
Is there a way to customize the style of title of the window?
Like change the color of title heading and changing title colour itself.
Any help would be highly appreciated.
Tushaar
Top achievements
Rank 1
Veteran
 answered on 24 Jun 2020
13 answers
2.0K+ views

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

 

Stefan
Telerik team
 answered on 24 Jun 2020
3 answers
558 views

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.

Tushaar
Top achievements
Rank 1
Veteran
 answered on 23 Jun 2020
1 answer
291 views

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. 

 

Stefan
Telerik team
 answered on 23 Jun 2020
2 answers
487 views

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

 

Lukas
Top achievements
Rank 1
 answered on 23 Jun 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Henri
Top achievements
Rank 2
Iron
Iron
Iron
SUNIL
Top achievements
Rank 2
Iron
Iron
Iron
David
Top achievements
Rank 1
Jackson
Top achievements
Rank 1
Iron
Iron
Tim
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Henri
Top achievements
Rank 2
Iron
Iron
Iron
SUNIL
Top achievements
Rank 2
Iron
Iron
Iron
David
Top achievements
Rank 1
Jackson
Top achievements
Rank 1
Iron
Iron
Tim
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?