Telerik Forums
KendoReact Forum
1 answer
308 views

Hello,

 

We are running end-to-end tests against the following components:

- Dialog: https://www.telerik.com/kendo-react-ui/components/dialogs/dialog

- Window: https://www.telerik.com/kendo-react-ui/components/dialogs/window

 

How do we set a `data-testid` for the following components?

`data-testid` seems to be ignored when giving it as props to the components.

 

Thank you in advance

Vessy
Telerik team
 answered on 14 Apr 2025
1 answer
102 views
On both the Calendar and DatePicker component, the month of March is missing two days, the 30th and the 31st. They also do not show up on April "before" April 1st. Is there a configuration setting needed to get these dates to appear? We use ThemeBuilder to style these components - is it possible that ThemeBuilder could be interfering with the date display? We're using version 8.4.0.

Calendar component

Code:
<Calendar />

DatePicker component

Code:
<DatePicker width={400} />
Silviya
Telerik team
 answered on 11 Apr 2025
1 answer
144 views

I use the React Upload component. I used the simple synchronous version in my project without any problems. Due to the file size I need to switch to the async Version. But I am not able to "transpile" my project. I have the following error message during project build:

Attempted import error: 'UploadAsync' is not exported from '@progress/kendo-react-upload' (imported as 'UploadAsync').

Reference: https://www.telerik.com/kendo-react-ui/components/upload/api/uploadasyncprops

In code I have no errors - only during the build process.

Here are my packages:

    "@progress/kendo-licensing": "^1.3.5",
    "@progress/kendo-react-grid": "^10.1.0",
    "@progress/kendo-react-listview": "^10.1.0",
    "@progress/kendo-react-treeview": "^10.1.0",
    "@progress/kendo-react-upload": "^10.1.0",
    "@progress/kendo-svg-icons": "^4.0.0"

 

How can I use the async React Upload component?

Vessy
Telerik team
 answered on 10 Apr 2025
1 answer
100 views
What options does KendoReact provide for implementing fluid (responsive) layouts using rem units? In case when we use component where we can use only px, instead of px we want exchange to rem.
Silviya
Telerik team
 answered on 08 Apr 2025
1 answer
71 views

Hi, 

My form is going to have controlled DatePicker component. However, I could not figure out why when I defined the onChange function on the DatePicker, the form submission excluded its value. 

https://codesandbox.io/p/sandbox/cool-hofstadter-2vj2s3?file=%2Fapp%2Fapp.jsx%3A18%2C7

From the code above, Test Date 1 and Test Date 2 components are almost the same, except, Test Date 2 component has line 63, which I set its 'value' and defined 'onChange' function separately. However, form submission will not recognize Test Date 2 value. 

From pictures above, if removing 'value' and 'onChange' on line 63, you will see Result on the left, otherwise, you will receive result on the right

Vessy
Telerik team
 answered on 27 Mar 2025
0 answers
83 views

Hi,
I'm trying to change the colors of Gantt tasks based on their status, but I couldn't find anything about it in the documentation.

Is it possible?

Also, can I render a baseline for each task?

Thanks!


 
Rafael
Top achievements
Rank 1
 asked on 24 Mar 2025
1 answer
79 views

Hi , Is there  a way to change or remove highligt color of selected rows in the grid. 

Example: This is default behaviour

Is there a way to display like this.

 

I tried to overwrite with css. But no luch. Even with transparent it is not working.

.k-selected {
    background-color: white !important;
}

 

 

Thanks

Srinivas Kolla

 

 

 

 

Vessy
Telerik team
 answered on 24 Mar 2025
0 answers
78 views

Hi
Is it possible to use keepItemsMounted for panelbar when used in drawer?
When i try to use it this way, the panel bar items will not close/collapse.

I made a stackblitz to show the problem.
Any help on this would be appreciated. 

Thankyou
Neil 

https://stackblitz.com/edit/react-qsacwnyt?file=app%2Fapp.tsx

Neil
Top achievements
Rank 1
 asked on 20 Mar 2025
0 answers
100 views
Is there any method to hide the highlighted  Row and Column as shown below  and attached image as well.


Jaskaran
Top achievements
Rank 1
 asked on 19 Mar 2025
2 answers
73 views
I have a Drawer component with 3 items.

Item1 
Item2
Item3

Item1, Item2 should render insider DrawerContent

but on Item3 I want to load component that has its own routing, basicallly completily new component and new Drawer component

Kindly help.



Yanko
Telerik team
 answered on 18 Mar 2025
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
Drawing
Licensing
TabStrip
Calendar
Pager 
Labels 
Localization
TimePicker
GridLayout
FontIcon
Animation
PanelBar
PivotGrid
Card
DropDownButton
TaskBoard
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?