Telerik Forums
KendoReact Forum
1 answer
1.0K+ views
I want to use the Date picker of kendo in a form.The Form is  a Dialog Box and when i Click the Date button.The Calendar displays behind the Dialog Box and  which cannot Select Any date and View the Full Calendar. 
Stefan
Telerik team
 answered on 25 Nov 2019
3 answers
1.0K+ views

I am having issues using KendoReact grid components within React Functional Components using hooks such as useEffect. One issue is that if a ExcelExport component is used, a maximum limit of state updates is reached. Furthermore if a useEffect is used pointing to the state.data of a Kendo React Grid component, the data fires off any inline grid custom column cells which includes Kendo DropDowns.

Are hooks supported yet for Kendo React components, and if not, when can we expect support?

 

My environment is using the latest versions of Redux-Toolkit, React-Redux, Redux and React.

 

Thanks,

Jim Minnihan

SKF USA, Inc.

Stefan
Telerik team
 answered on 22 Nov 2019
5 answers
867 views

https://stackblitz.com/edit/react-zbhrxe?file=Hello.js   

how can i drag a particular field in the same row, in the grid with using the reorder function.

in my grid i have star icon, which drags the entire column vertically but my requirement is to drag that star horizontally with in a particular grid column.    

Stefan
Telerik team
 answered on 22 Nov 2019
1 answer
131 views

Hello,

I'd like to report a possible issue regarding Kendo Grid. When we put filters that does not return any rows we have paging buttons enabled that are responsible for moving to next/last page. To reproduce use an example from your site and put some silly filters e.g. in CustomerId.

Stefan
Telerik team
 answered on 21 Nov 2019
6 answers
1.0K+ views

I have a dialog popup with some scheduling options that I have created. For one component I have two radio buttons and each radio button is a set of DropDownLists and NumericTextBoxes. The radio button styling works fine with the NumericTextBox, but with the DropDownList I have problems with the dropdown actually opening. It will flicker when you click on it and you must click it multiple times before it will fully open and stay open. I have added the className="k-radio-label" to the DropDownList and that seems to be where my issue is. Is this a known bug and is there a workaround? The selection of the radio button is working, it just seems to be an issue with the dropdown animation.

Here is a snippet to give you some idea:

<div>
            <label className="k-form-field display-inline">
              <span>Every:</span>
              <input
                type="radio"
                value="repeatWeek"
                id="rptWeek"
                className="k-radio"
                checked={this.state.dayInterval === 'repeatWeek'}
                onChange={this.handleRadio}
              />
              <DropDownList
                className="k-radio-label"
                data={weekNumbers}
                onChange={this.setWeekOfMonth}
                defaultValue={weekSelected}
              />
            </label>
</div>
Kara
Top achievements
Rank 1
Veteran
 answered on 20 Nov 2019
2 answers
80 views
In kendo inline adding feature when i press the add button mulitple times it generates multiple new rows to add.....is there any way to restrict that?? i.e, If a user click the add button multiple times it should only show one row for adding new data.
Jiyo
Top achievements
Rank 2
 answered on 20 Nov 2019
6 answers
3.0K+ views

Hi, I have a table with dates in a column. I am tryig to filter on the dates but it isnt working.

 

Please advise.

 

StackBlitz Link: https://stackblitz.com/edit/react-kmvmur?file=app/main.js

Brad
Top achievements
Rank 1
 answered on 19 Nov 2019
3 answers
2.5K+ views

Hi,

I don't see any examples of adding an icon within a input component. I need to be able to put it on the right of left side of icon within the input box. Can someone explain how to do this?

Thaban

Stefan
Telerik team
 answered on 19 Nov 2019
1 answer
240 views

Hi

It appears I cannot add schema attrs to 'table' 'table_row' or 'table_cell' tags

Docs shows adding attrs to p tag which works fine.

https://www.telerik.com/kendo-react-ui/components/editor/schema/ 

 

Here is an example of my issue forked from the example in docs adding attrs to table tag.

https://stackblitz.com/edit/react-paewaz-lapmmp?embed=1&file=app/main.jsx

 

Thanks

Stefan
Telerik team
 answered on 18 Nov 2019
10 answers
139 views

Hi,

How can I implement both align and angle properties in the rotation property of the labels.

I found the format labels={{ rotation: 'auto' }} on https://www.telerik.com/kendo-react-ui/components/charts/chart/styling/. However, I also want to specify align: "center" - as said to be possible by https://www.telerik.com/kendo-react-ui/components/charts/api/LabelRotation/#toc-angle. 

I tried labels={{rotation: {align:"center", angle:"auto"}}} but does not seem to work as labels still remain aligned at the end.

Thanks,

Lara

Stefan
Telerik team
 answered on 18 Nov 2019
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
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?