Telerik Forums
KendoReact Forum
1 answer
129 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
976 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
106 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
311 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
146 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
467 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
3.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
720 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
383 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
684 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
General Discussions
Grid
Wrappers for React
Charts
Scheduler
Filter 
DropDownList
Form
DatePicker
Styling / Themes
Editor
TreeList
Styling
PDF Processing
ComboBox
Excel Export
Dialog
Input
TreeView
Upload
Drawer
Button
Drag and Drop
MultiSelect
Tooltip
Accessibility
NumericTextBox
Checkbox
Menu
Gantt
DateTimePicker
PDF Viewer
Popup
Window
AutoComplete
DateInput
Sortable
Data Query
Licensing
TabStrip
Drawing
Calendar
Pager 
Labels 
Localization
TimePicker
GridLayout
FontIcon
Animation
PanelBar
TaskBoard
PivotGrid
Card
DropDownButton
Conversational UI 
DateRangePicker
Splitter
Badge 
Security
Slider
Spreadsheet
ContextMenu
MultiViewCalendar
Stepper
MultiColumnComboBox
MultiSelectTree
TextBox
AppBar
File Saver
ListView
MaskedTextBox
RadioButton
Switch
TextArea
Toolbar
DropDownTree
TileLayout
Map
Avatar
Date Math
Gauge
RadioGroup
RangeSlider
Rating
Loader
ExpansionPanel
SvgIcon
Typography
ProgressBar
ScrollView
Popover
StockChart
RadialGauge
Server Components
AIPrompt
Page Templates / Building Blocks
AI Coding Assistant
Chat
ColorGradient
ColorPalette
ColorPicker
Notification
Ripple
Skeleton
ButtonGroup
Chip
ChipList
FloatingActionButton
SplitButton
ActionSheet
Barcode
QR Code
FlatColorPicker
Signature
BottomNavigation
BreadCrumb
StackLayout
Timeline
ListBox
ChunkProgressBar
Sparkline
FileManager
ArcGauge
CircularGauge
LinearGauge
ExternalDropZone
OrgChart
Sankey
VS Code Extension
InlineAIPrompt
SpeechToTextButton
Chart Wizard
Agentic UI Generator
SmartPasteButton
PromptBox
SegmentedControl
LLM Kit
OTP Input
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?