Telerik Forums
KendoReact Forum
1 answer
125 views

I'm using stepper as a page navigation tool. You can either click on the stepper itself or click on a next button to go to next page.

 

Currently, when next button is click, I set the stepper value to the next stepper item. This works as k-step-current style is applied correctly, but k-step-focus is still on the previous item. Any solutions to update k-step-focus?

 

Stepper works as expected when clicking on the stepper itself.

Filip
Telerik team
 answered on 02 Aug 2022
2 answers
375 views

Hi. I am using the React Scheduler component.

I am currently applying Scheduler version 4.12.0 ("@progress/kendo-react-scheduler": "4.12.0")
The width of the item is not filling the slot 100%. (with margin on the right) (v4.12.0 example)

But in version 5.5.0 it seems to be 100% filled in width. (v5.5.0 example)

(Please refer to the attached image.)

In version 4.12.0, is there a way to fill the slot 100% of the width of the item?

sohee
Top achievements
Rank 1
Iron
 answered on 01 Aug 2022
1 answer
224 views

I'm rendering Kendo Treelist inside of a Kendo Window. Is there a good way to resize height and weight of treelist based on window's height and width?

 

Thanks

Konstantin Dikov
Telerik team
 answered on 30 Jul 2022
1 answer
140 views

1) Can I use the kendoReact with a typescript template?

2) Is Telerik Dateatime picker in kendoReact support Persian date or another format like in windows app UI?

3) Can we create reports in kendoReact using your report tools?

4) I have already a material UI admin dashboard(https://minimals.cc/). Can I use kendoReact components inside and integrat Their themes (dark and lights)

Filip
Telerik team
 answered on 28 Jul 2022
1 answer
391 views
Given a resizable grid, what is "proper" way to programmatically trigger the auto-resize of a column (or columns)?
Konstantin Dikov
Telerik team
 answered on 27 Jul 2022
1 answer
364 views

Hi,

We have an editable grid with multiple different editable field types outside of the basic TextInput including date fields, Combobox and multiselect. One requirement is to have the Enter key add a new row to the grid from the field in the last column - no mouse involvement, only keyboard navigation. With a field type of Text Input we can successfully implement with the onKeypress event. How can this event be implemented on the other field types that may be present as the editable field in the last column?

Example stackblitz here: https://stackblitz.com/edit/react-cw51ay-yswpbg?file=app%2Fmain.jsx

Konstantin Dikov
Telerik team
 answered on 27 Jul 2022
1 answer
172 views

Does the Kendo UI for React grid have a search panel similar to the one for the ASP.NET Core grid?

Assuming it doesn't, we'd likely implement this outside the grid. Could we still use the toDataSourceRequestString functionality and incorporate the search string into that?

Filip
Telerik team
 answered on 27 Jul 2022
1 answer
363 views

I'm following the guide for setting Editor to readonly. I got some backend api calls that fetches data to display in Editor.

If we initially set it to readonly, is there a way to update value of editor but keeping it readonly?

 

https://www.telerik.com/kendo-react-ui/components/editor/plugins/?&_ga=2.44037350.2112173554.1658652965-1429991543.1650758143#toc-read-only

Konstantin Dikov
Telerik team
 answered on 26 Jul 2022
1 answer
116 views

Hi.

If an event using the SchedulerProportionalViewItem has a duration of less than 2 minutes, the event get's a height of 45px and doesn't display as long as it should. I have made an example showing events of 1 second, 1 minute and 2 minutes length and removed the text from it so that the event can show a length as appropriate:

https://stackblitz.com/edit/react-g64ffz?file=index.js

I gave the k-event a minHeight of 5px in the css so it doesn't appear too small for very short events. Is there a way to get around this if events are less than 2 minutes?

Also, in my example I tried to make the events editable but when I doubleclick on them, nothing happens. Not sure what the issue is.

Thanks!

Greetings,

Bernd

Konstantin Dikov
Telerik team
 answered on 26 Jul 2022
1 answer
324 views

Hi.

I was asked to give the user the option to expand or collapse the columns. For example: on the header of the "Department name" column there will be an icon that when you click on it will expand and display the 2 columns after it. The deductive approach is that they will be folded until the user clicks on the icon.

Is there a built-in function that does this? Otherwise, how can it be done?
Filip
Telerik team
 answered on 26 Jul 2022
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?