Telerik Forums
KendoReact Forum
2 answers
1.5K+ views

How to edit "Drag a column header and drop it here to group by that column" in kendo-react. I want to add "*" before that string because that is information for the users. 

Thanks

Tisson
Top achievements
Rank 1
Veteran
 answered on 10 Sep 2020
1 answer
1.4K+ views
I am facing issue with conditional expanded row for kendo-react grid. I am implementing the kendo-react grid which will be having some records on which some records will be having sub grid and some of them will not be having sub grid. Is there any way to achieve this scenario where we can have condition to restrict row expand based on records data in single grid. 
Stefan
Telerik team
 answered on 09 Sep 2020
10 answers
1.9K+ views

Hi

I tried to add a NumericTextBox as a custom cell editor inside GridColumn. In onChange function, it updates the data list using setState and it goes focus out on every time I type a digit. Below is my code 

itemChange = event => {
  const value = event.value;
  const name = event.field;
  const dataItem = Object.assign({}, event.dataItem);
  const index = this.state.data.indexOf(event.dataItem);
  if (index > -1) {
    const data = this.state.data.slice();
    dataItem[name] = value;
    data[index] = dataItem;
    this.setState({
      data: data
    });
  }

}

 

What may be the error cause this issue?

Thanks and Regards

 

Stefan
Telerik team
 answered on 09 Sep 2020
1 answer
188 views

Hi,

 

After clicking select file button in kendo upload, nothing happening ( Open Popup not displaying to choose the file).

 

Please help to resolve.

 

 

Thanks

 

Regards,

Karuna

 

 

Stefan
Telerik team
 answered on 08 Sep 2020
4 answers
647 views

I would want to have a column menu with the filter opening at 1 click, instead of first opening the column menu, and the opening the filter box.

An extra plus would be to have an actual filter icon instead of the default 3 dots. See the attached images for more info about what I want to achieve.

What do I need to do?

Stefan
Telerik team
 answered on 07 Sep 2020
3 answers
482 views
Hello,
I am trying to use server-side paging in TreeList, and its implementation is a bit ... confusing.
From my understanding, when users are loading grouped data, they expect to have page size to refer to the number of groups per page, not total items.
But even if that number was based on total items, it needs to be stable and not change based on whether the group (tree parent) was expanded.
The weirdest consequence is when users open the last group on the page, they can see that the item expanded, but no items underneath. For a while, I thought it was just hidden behind the pager toolbar.

https://stackblitz.com/edit/react-9fmppn?file=app%2Fmain.jsx
Here is an example for you to try. See how the number of pages is changing when you expand the tree element.
Is there a way to implement my pager to be more user-friendly and less confusing?
Thanks.
Stefan
Telerik team
 answered on 04 Sep 2020
1 answer
1.2K+ views

I am using react grid group feature. But it shows groups expanded by default.

I didn't found any way to show it collapsed by default.

Stefan
Telerik team
 answered on 02 Sep 2020
14 answers
953 views

Hi,

 

I am trying to create editable GridCell which could accommodate multiple lines by hitting [Enter] key.

Could you please provide an example if this is possible?

Thanks,

Sourav

Sourav
Top achievements
Rank 1
 answered on 01 Sep 2020
2 answers
1.0K+ views

How can I run an onclick event on the kendo chart?

I want to display the information in this diagram in a larger modal when I click

Thank you for your help

Stefan
Telerik team
 answered on 01 Sep 2020
2 answers
83 views

hello

is exist any example for update cell of Spreadsheets in kendo ui?

thanks

Mohammad
Top achievements
Rank 1
Veteran
 answered on 01 Sep 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?