Telerik Forums
KendoReact Forum
2 answers
990 views

Hello,

when using dropdownlist component inside Dialog list of available items is behind the dialog - this is related to z-index. I attach sample code.

Stackblitz example

Stefan
Telerik team
 answered on 03 Oct 2019
1 answer
59 views

     Is there event for kendo drop down called before change. Before changing the value of dropdown i want to perform some validation and based on that only the value in dropdown should change.

Is there nay way ti achieve that.

Stefan
Telerik team
 answered on 03 Oct 2019
2 answers
1.1K+ views

I have added a selected column as per the example in the grid documentation.  By defaul the Grid renders a checkbox to perform a select All and Deselect All.  I wonder if it is possible to customise the rendered header to display something else, 2 buttons for example.

The usecase here is there are rows in my data that I don't allow to be selected.  The problem is that when at least one row in the grid is not selected, the header checkbox will not be checked and clicking on it will keep on trying to perform a select All.

I know I can use state to hold the current status of select All or not, but the checkbox will always remain unticked in this situation and the user will be confused.

Mark
Top achievements
Rank 1
 answered on 02 Oct 2019
1 answer
523 views
Can the default "Start" and "End" labels above the two range picker dates be modified to some custom text?
Stefan
Telerik team
 answered on 02 Oct 2019
1 answer
151 views
I want to have go to page option in grid pager using which i should be able to navigate to specific page. how that can be achieved. 
Stefan
Telerik team
 answered on 02 Oct 2019
1 answer
1.2K+ views

Does KendoReact provide a Month Picker control? 

I tried looking into the DatePicker component, but it seems that while you can edit the format of the selected date to show it in "MM yyyy" format , I didn't find a way to remove the actual days from the popup calendar and have it show up as a true month selector.

Stefan
Telerik team
 answered on 01 Oct 2019
1 answer
258 views

Hello,

I am receiving warnings in console when implementing Kendo React Grid with following content:

Warning: componentWillReceiveProps has been renamed, and is not recommended for use. See https://fb.me/react-async-component-lifecycle-hooks for details.
 
* Move data fetching code or side effects to componentDidUpdate.
* If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://fb.me/react-derived-state
* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. In React 17.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.
 
Please update the following components: KendoReactGrid

 

 

When opening stackblitz url from Getting Started section for Grid i receive the same warning.

Regards,

Tomek

Stefan
Telerik team
 answered on 01 Oct 2019
3 answers
331 views

Hi,

When we press key n on keyboard dropdown list is highlighting first item with n key but it's not in focus we have to move scrollbar to see highlighted lighted. similarly with some other items. Highlighting is always right it's just not in view. I am attaching sample data. Is there some limitation .Are there any other way to achieve this.Sample data is big json I am not sure it is the reason. I have utilized the sample mentioned in link https://www.telerik.com/kendo-react-ui/components/dropdowns/dropdownlist/.

Stefan
Telerik team
 answered on 27 Sep 2019
1 answer
167 views

I was wondering if / when scrolling support would be added to the TabStrip for KendoReact. 

This is the feature I'm looking for: https://demos.telerik.com/kendo-ui/tabstrip/scrollable-tabs

Thanks

Stefan
Telerik team
 answered on 26 Sep 2019
2 answers
80 views

When using the Editor tools from https://www.telerik.com/kendo-react-ui/components/editor/tools/, the tools are not staying selected when a user hits 'return' in the editor field, and the drop downs for FONT SIZE and FONT NAME only work if text inside the editor has been selected. 

For example:

  1. I have an empty editor with the FONT SIZE editor tool in the toolbar.
  2. I click into the text area of the editor.
  3. I select a font size of 6 (24pt).
  4. I then type into the editor. 

Results: The text I just typed is NOT 24pt, but because I selected the 24pt font size I would expect the text I type to be 24pt.

Another example:

  1. I have an empty editor with the Bold (B) editor tool selected.
  2. I type in a line of text in the editor (this is shown as bold as I expect)
  3. I hit 'return'
  4. I type in another line of text in the editor

Results: The text on the second line is not bold. The bold option appears to 'turn off' after I hit 'return', but I would expect the text to be bold until I turn bold off.

Stefan
Telerik team
 answered on 25 Sep 2019
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?