Telerik Forums
KendoReact Forum
1 answer
109 views

Hi,

Is it possible to configure Kendo React Grid to show the column menu like Kendo JQuery's classic look where the submenu is on left/right hand side?

https://demos.telerik.com/kendo-ui/grid/column-menu?_gl=1*x0zspa*_ga*OTMyNDUxNTM0LjE3MTA1NTIzMTg.*_ga_9JSNBCSF54*MTcxNTcxMzA5Ni4yNS4xLjE3MTU3MTM1MjMuNjAuMC4w*_gcl_au*Njk5MTQ3NTc2LjE3MTA1NTIzMTg.&_ga=2.15420211.444171052.1715713097-932451534.1710552318

 

Also see the attached screenshot.

 

Thanks,

Jie

Wissam
Telerik team
 answered on 16 May 2024
1 answer
116 views

We need the TimePicker to retain all of its default behavior with the addition of accepting multiple format types when a user manually enters data. For example, if the user chooses a date from the popup it will show the date with the default format, but we want the user to also type in varying formats such as '7a' or '7pm'. Is it possible to add multiple accepted input formats to a TimePicker?



Required time formats:

 

  1. 7:00am
  2. 7:00a
  3. 7am
  4. 7a
  5. 7:00pm
  6. 7:00p
  7. 7pm
  8. 7p
  9. 19:00

 

Wissam
Telerik team
 answered on 10 May 2024
1 answer
116 views

Hi All:

When I use React Data Grid Component & Column Menu - KendoReact Docs & Demos (telerik.com), I set some columns, 

Step1: uncheck select all

2. input st at search box, only check test1, but test and test1 both changes to checked

3. clear search box, the two columns in the image below are checked.

you can test on below link, this is a very important function of our project, looking forward to your early reply. thank you

Eswnzm (forked) - StackBlitz

Konstantin Dikov
Telerik team
 answered on 10 May 2024
1 answer
94 views

Hello,

we are considering adopting KendoUI DataGrid for a legacy application rewrite and I was wondering if there's a way to implement filtering of the data by clicking on a specific value in a cell, like in the screenshot below (clicking on any date will filter the grid by that date):

Constraints are:

  • Data is remote, so not completely loaded in memory
  • Ideally I would like to avoid creating custom GridCells, but if it's the only way then it's OK.
  • We cannot deviate from this UI pattern as users find it particularly convenient.

Any link to specific docs or examples would be much appreciated!

I looked through the documentation and examples but it's not clear if it's something that is achievable without a massive customisation of the cell components. I also have zero experience with the library as I'm looking at it for the first time as we're considering our options for the UI library to use to rewrite the application, so apologies in advance if I missed anything obvious from the docs!

Thank you

Diego

Konstantin Dikov
Telerik team
 answered on 09 May 2024
1 answer
108 views

If a `NumericTextBox` contains a value ending in `0` and the user edits the value by backspacing over the non-zero digits the next number entered replaces the zero instead of inserting before it.

For example, the starting value is:

`220`

The user clicks to place their cursor as so:

`22|0`

If they then hit backspace twice, the cursor will jump to after the zero:

`0|`

And when a new digit is entered it replaces the zero:

`3|`

I would expect the user to be able to enter new digits to appear before the zero rather than replacing it. This behavior is reproducible on the example on the Overview page in the documentation.

Is there any way to disable this behavior?

Wissam
Telerik team
 answered on 08 May 2024
1 answer
148 views

 

“We are planning to develop a web application using React for the frontend and Go for the backend, following an MVC structure. Is it possible to connect Telerik React libraries with Go for this purpose? Thank you very much for your response. Best regards.”

Konstantin Dikov
Telerik team
 answered on 08 May 2024
0 answers
246 views

I am trying to run the example code from here https://www.telerik.com/kendo-react-ui/components/pdfviewer/ with the same exact file but the PDFViewer is just not loading any document. It component appears in the page, there's no error in the console, but no matter what I do I can't see any data loaded (also checked the onLoad event - it's not triggered). I've also tried to supply an url instead of base64 data and the result is the same 

Razvan
Top achievements
Rank 1
 updated question on 01 May 2024
0 answers
114 views

All of the examples that I am finding online and in your documentation are broken for this situation. I am able to customize all columns in my TreeList component EXCEPT the first column which is the expandable one.

I was trying to use the code found on this StackBlitz that works, but it's using an old version of the treelist and I'm using the latest version (7.4.0):

React (forked) - StackBlitz

And I found this in your knowledge base using 5.12 - which doesn't even work:

Defining custom expand/collapse cell - KendoReact TreeList (telerik.com)

(the expandable icon is not showing - which is the behavior I am experiencing in my code).

Is there a known issue with the TreeList currently?

Stephanie
Top achievements
Rank 1
 asked on 01 May 2024
1 answer
403 views

I have a custom button on a Form which invokes a custom Dialog to edit properties of the item on display, that part works fine. However, the Submit button does not enable unless one of properties mapped to a 'Field' controls is edited.

How can I change the allowSubmit value in the Form render properties so the button is enabled when its' only my custom button that is updating the object?

Wissam
Telerik team
 answered on 01 May 2024
1 answer
97 views

Hi,

 

If pass a invalid value to MultiSelect, it will break the UI with null pointer exception. Please see this example:

https://codesandbox.io/p/sandbox/zen-pasteur-fw7rrt?file=%2Fapp%2Fmain.jsx%3A13%2C20

 

This only happens if data is an array of objects, and textField property is used.

It is possible invalid values are passed to multiselect when it is a controlled component. I am hoping MultiSelect can handle data error mor gracefully.

 

Thanks,

Jie

Wissam
Telerik team
 answered on 29 Apr 2024
Narrow your results
Selected tags
Tags
General Discussions
Grid
Wrappers for React
Charts
Scheduler
Filter 
DropDownList
Form
Styling / Themes
DatePicker
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
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?