Telerik Forums
KendoReact Forum
5 answers
557 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
931 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.4K+ 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
553 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
595 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
363 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
219 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
134 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
374 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
109 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
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?