Telerik Forums
KendoReact Forum
3 answers
476 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
485 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
313 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
182 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
102 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
311 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
71 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
1 answer
68 views

I got a folder - kendo - with all the kendo components such as kendo.combobox.min.js etc.

How can I update all the components in this folder or the library?

Stefan
Telerik team
 answered on 15 Apr 2019
4 answers
104 views
Hi there,

It seems like there is a problem with Splitter collapsing on IE11. I try very first example (here) and it doesn’t collapse the pane. It just removes any content from it. Would you please advise.

Thanks,
Andrew
Stefan
Telerik team
 answered on 10 Apr 2019
1 answer
300 views

Copied from https://stackoverflow.com/q/55593449/1399272

I am trying to develop with Kendo React in a .NET Web Forms application. It looks like Kendo distributes their packages as a variety of JavaScript modules -- the dist folder in their node packages contains the following four subfolders:

  • cdn/js
  • es
  • npm
  • systemjs

I'm sure this is relatively painless to work with in some of the newer JavaScript systems, but I do not have access to utilities such as node.js to manage modules. I am trying to simply include a JavaScript file with a script tag, but so far have not had much luck. I get the following errors when trying to include @progress/kendo-react-common:

  • cdn/js: Uncaught TypeError: Cannot read property 'string' of undefined
  • es: Uncaught SyntaxError: Unexpected token { (not like I expect a raw browser to understand import anyway)
  • npm: Uncaught ReferenceError: exports is not defined
  • systemjs: Uncaught ReferenceError: System is not defined

It looks like @TylerDahle has done something similar here: https://stackoverflow.com/q/49740869/1399272. But I don't know where he gets his source from.

Is there any way to include a Kendo React script with a script tag?

Vasil
Telerik team
 answered on 10 Apr 2019
Narrow your results
Selected tags
Tags
+? more
Top users last month
Henri
Top achievements
Rank 2
Iron
Iron
Iron
SUNIL
Top achievements
Rank 2
Iron
Iron
Iron
David
Top achievements
Rank 1
Jackson
Top achievements
Rank 1
Iron
Iron
Tim
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Henri
Top achievements
Rank 2
Iron
Iron
Iron
SUNIL
Top achievements
Rank 2
Iron
Iron
Iron
David
Top achievements
Rank 1
Jackson
Top achievements
Rank 1
Iron
Iron
Tim
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?