Telerik Forums
KendoReact Forum
5 answers
648 views

I'm using custom inputs for datepickers in the grid when in-cell editing, and the issue I'm experiencing is that when I have one custom input A focused and click another custom input B to edit B, A is only closed from edit-mode and B is not set in edit-mode until I click it a second time.

The behaviour is different when clicking a "kendo-editor" instead, that cell will behave as expected and set that clicked cell into edit-mode.

Se this stackblitz for a live example of the issue: https://stackblitz.com/edit/react-ue6dyk

1. Edit one of the "Date" cells.

2. Click one of the "Date2" cells to edit that one.

Then try:

1. Edit one of the "Date" cells.

2. Click one of the "Total rate" cells.

Stefan
Telerik team
 answered on 09 May 2019
1 answer
957 views
I need using the groupable feature in react kendo like that example https://stackblitz.com/run/?file=app%2Fmain.jsx
but I have this error in vscode:
Could not open filter-no-eval.js in the editor. When running on Windows, file names are checked against a whitelist to protect against remote code execution attacks. File names may ttacks. File names may consist only of alphanumeric characters (all languages), periods, dashes, slashes, and underscores.
any suggestion?
Stefan
Telerik team
 answered on 06 May 2019
1 answer
2.7K+ views
I'd like to set a custom message when there are no records to display in a Grid.  How do I do that?
Stefan
Telerik team
 answered on 03 May 2019
3 answers
601 views
I dont see any way to detect key events on a MaskedTextBox besides resorting to jQuery. Am I overlooking something? If the syntheticEvent was against an InputElement instead of an HTMLElement I think I might be able to but that's not the way it is defined right now. I am specifically looking to capture keys such as escape/enter.
Stefan
Telerik team
 answered on 02 May 2019
3 answers
634 views

Does DatePicker must have a onChange handler?

I am trying to use DatePicker but I can't type the day portion of the date it doesn't emit any errors or warnings here is my code below....

any ideas??

01.const SingleDate = ({ label, required, name, ...props }: ISingleDate): React.ReactElement => {
02.  return (
03.    <div className="erp-input-date">
04.      <label className="k-form-field" data-cy={name}>
05.        <span>{label}</span>
06.        {required && <span className="erp-field-required">*</span>}
07.        <DatePicker
08.          {...props}
09.          name={name}
10.          format="dd/MM/yyyy"
11.          formatPlaceholder={{ year: "ano", month: "mes", day: "dia" }}
12.        />
13.      </label>
14.    </div>
15.  );
16.};
Stefan
Telerik team
 answered on 29 Apr 2019
1 answer
392 views

Hi,

I'm using Datepicker kendo react for my project. It works fine if we type a date when we have default format as MM/dd/yyyy, however if I select any date with the calender after that I'm not able to type date. The datepicker is not working as expected.

Later if I clear out the selected date, I'm able to type date properly. So it does not work if we have a selected date in datepicker control.

The behaviour of typing a date is very inconsistent.

Kindly please suggest a solution of this query.

Stefan
Telerik team
 answered on 26 Apr 2019
1 answer
263 views

Hello,

I am facing some issues with the NumericTextBox.

1. Value in the NumericTextBox rounds off when we enter a number with 15-20 characters.

For example, enter 9 continuously in the NumericTextBox. At a point the entered digits change to 0.

2. If I add a number with 15-20 or more characters and when I use backspace to clear the characters, the value in the NumericTextBox gets converted to 'Infinity' which does not get cleared using backspace.

For example,

Press and hold a digit.
After couple of seconds hit backspace.
Infinity appears which does not get cleared.

 

Can you suggest some workaround for these issues? I do not want to restrict the max-length for the fields.

 

Thanks,

Sadaf Patwekar

Stefan
Telerik team
 answered on 24 Apr 2019
1 answer
175 views

Hi,

 

I am trying out the stockchart for react.

Have looked through the documentation and I wish you had more customization examples. Therefore I have a few questions and if you could please reply with actual syntax or example.

 

1. How do I change the colors of Bullish and Bearish Candles

2. Can I hide/skip the chartnavigator completely including the hint line?

3. I tried to update the chart with live data and it animates the chart everytime I set the binding, is there any settings to disable redraw animation?

 

Thank you in advance!

Stefan
Telerik team
 answered on 22 Apr 2019
7 answers
417 views

Is there any way with KendoReact Editor component to support multiple consecutive spaces?  I'd like to be able to preserve exactly what the user types in.  For example, if they want to manually type in 4 spaces to indent the first line of their paragraph, i'd like to preserve that. The default behavior of the form is to trim all leading and trailing whitespace, and if there are multiple spaces between words, it will condense those to a single space.

So in my example of manually typing 4 consecutive spaces to indent the first line of a paragraph, I would like to have the editor convert that to " &nbsp; &nbsp;" which is a &nbsp; every other character. alternatively you could do 4 consecutive &nbsp; tags, but it would probably be more proper to do every other.

John
Top achievements
Rank 1
 answered on 19 Apr 2019
2 answers
133 views

I have a DropDownList inside a label for implicit association:

<label>
    <DropDownList data={['alpha', 'bravo', 'charlie']} />
</label>

 

This all renders correctly at an initial glance.  However, when I click on the DropDownList to select an option, I get an empty animation container with no items, though the container is sized for them if they were there.  The container disappears promptly thereafter.  If I click the label, the list appears correctly; if I double-click the DropDownList, it also appears correctly.  Is there anything I can do to make this work more naturally?  I would log this in your issue tracker, but I do not have access to github.

Stefan
Telerik team
 answered on 18 Apr 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?