Telerik Forums
KendoReact Forum
1 answer
125 views
1 answer
162 views

Hello Team,

I hope your weak is going smoothly.  I am reaching out to you because , I am facing problem to remove Row and Column header from pivot table view. I am using kendo react pivot grid version: 

"@progress/kendo-react-pivotgrid": "^5.9.0",

I have succesfully expanded all fields (defaultRowAxes and defaultColumnAxes) by defaut. So, I do not need this fields in my pivot table view. I am attaching the screenshot for better understanding.Your assistance in resolving this matter would be grately appreciated.

Thanks in advance

Konstantin Dikov
Telerik team
 answered on 17 Nov 2023
1 answer
99 views

 

in this section i wanted to have only numeric input with some format like hh:mm.

so i was using masked text box.  but doing so on every onchange it is throwing me out of focus.

Wissam
Telerik team
 answered on 15 Nov 2023
2 answers
190 views

Hello?

I'm currently refactoring our project from Angular.js to React.

In this process, I'm working on implementing the functionality of dragging and dropping rows from a grid to a treeview, which we used in the previous Kendo jQuery version. However, I couldn't find information about this feature.

While details about drag and drop between grids or within a treeview are available, it seems that drag and drop from a grid to a treeview has not been implemented yet?

Bernd
Top achievements
Rank 5
Bronze
Bronze
Bronze
 answered on 15 Nov 2023
1 answer
222 views

I am trying perform inline edit in the grid. when the grid is in edit mode, i want to have a custom combobox cell. I got the values in the combobox also. but the selected value is not flowing to the grid when i click on update button.  The values in the combo box is key value pair.

I followed the first example in the link:      https://www.telerik.com/kendo-react-ui/components/grid/editing/editing-custom/

Wissam
Telerik team
 answered on 13 Nov 2023
1 answer
121 views

Hi.

I have (kind of) successfully tried to implement the spanning of rows in a Datagrid as you have described here.

Issue 1: My Datagrid uses an edit mode, similar to what is described in the first example here. So if I group some rows together, editing of a single row does not work anymore.

Issue 2: I have defined a special cell rendering for the field because I need a dropdown when editing. I have done that like this:

<Column
	field="channel.label"
	title="Label"
	filter="text"
	filterable={true}
	cell={ChannelDropDownCell}
/>

The issue is, if I define the cellRender property on the Grid as in your "Spanning of rows" example, the render property of the column seems to take priority and the cellRender method I have attached to the Grid itself doesn't work anymore for that field, because the field doesn't seem to be added to the GridCellProps anymore.

Any idea how to get around this?

Thanks!

Greetings,

Bernd

Konstantin Dikov
Telerik team
 answered on 13 Nov 2023
1 answer
311 views

Hi,

I have several problems with spreadseet control in REACT.

1) Control has trouble working in other cultures. I bypassed this problem by using default (en-US) culture.

 <IntlProvider locale={"en-US"}>
            <Spreadsheet      
                ref={spreadsheet}
                style={{
                    width: "100%"               
                }}
            />
        </IntlProvider>

2) After loading xlsx i revive error:

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'suspendChanges')
    at loadSheets (index-esm.js:25621:1)
    at readWorkbook (index-esm.js:25609:1)

3) No matter how I use the control I always get errors when scrolling

index-esm.js:23212  Uncaught TypeError: Cannot read properties of null (reading 'render')
    at View.render (index-esm.js:23212:1)
    at Controller.onScroll (index-esm.js:10985:1)   

Summary:

As far as point 1 is not important to me. While 2 and 3 make it impossible to use the control. The strangest thing is that the Excel file loads and displays correctly....

I use:

- "@progress/kendo-react-spreadsheet": "^6.0.2",

- typescript

I would ask for any hint as to what could be wrong

 

Ernest

 

 

Konstantin Dikov
Telerik team
 answered on 13 Nov 2023
1 answer
93 views

Hi All:

I am using the listBox component and found that the list cannot be selected through tabs or the up and down arrows on the keyboard. It can only be operated through the up and down buttons on the toolbar.

Is it not supported?
Looking forward to your reply, thanks in advance

Xeehhs (forked) - StackBlitz

Wissam
Telerik team
 answered on 10 Nov 2023
1 answer
106 views

The pictures don't show up for me in this demo:

https://www.telerik.com/kendo-react-ui/components/layout/tilelayout/tiles/#toc-custom-rendering

Also was unable to tag this post with Layout or Tilelayout

Wissam
Telerik team
 answered on 09 Nov 2023
1 answer
366 views

Hello!

Is it possible to use a reference for KendoButton? I have a KendoPopup where I need to assign ref.current to the props anchor. But it doesn't work. .current is always undefinedIt works with basic HTML components like div, span, button. I followed the DEMO: https://www.telerik.com/kendo-react-ui/components/popup/. But I need to use KendoButton. Is that possible? With functional components?

I know that I can use, for example, span, div as a child, or as an element near a KendoButton. However, I am interested in a cleaner way.

Well thank you.

Wissam
Telerik team
 answered on 07 Nov 2023
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
+? 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?