Telerik Forums
KendoReact Forum
1 answer
190 views

Hi Team, 

How do I use the min/max button props for windows? Im trying to hide the buttons without success, I've tried these values with the following results:
true/false - failed
"true"/"false" - works, but theres a warning in the browser console. (If it doesnt appear at first, refresh the page)
blank string - failed
the letter 's' - works, no errors (this was an accident, some letters work, some dont. I didnt try them all)

StackBlitz Demo

Thanks,
Grant

Stefan
Telerik team
 answered on 27 Jan 2021
3 answers
347 views

Hi Team, 

As my title says, the KendoReact Loader is not rendering, at least not visually.

I've created https://stackblitz.com/edit/react-2gnzaw to duplicate the issue. From the simple code you will see there is suppose to be a loader constantly visible after the button, but also when you click the button, a loader should appear in the button.

Please advise.

Thanks,
Grant

Grant
Top achievements
Rank 3
Iron
Iron
Iron
 answered on 26 Jan 2021
1 answer
300 views

Hello,

 

We are using kendo-react-inputs 3.17.0

I've created minimal reproduction example from problem that we have with Checkbox component.

If, we at the very first step click on the checkbox then properly true is displayed. Checkbox also says true.

Then, we click button that changes Parent state outside from kendo component. Now, it looks like checkbox is not updated.

Checkbox still says it's true, but we can see that text value says false.

 

Example is here:

https://codesandbox.io/s/serene-jackson-lrc2i?file=/src/Parent.tsx

 

Thanks in advance for explanation!

 

Best regards,

Arek

Silviya
Telerik team
 answered on 26 Jan 2021
1 answer
125 views

1) Use this StackBlitz application: https://react-scwx3i.stackblitz.io - This is based on Telerik's own DatePicker React example.

2) Highlight the AM/PM section.

3) Try to change the AM/PM section via typing. It doesn't change. Note that other fields in the date/time picker are responsive to keyboard input.

Expectation is that the AM/PM section should respect at least "A" and "P" inputs.

Stefan
Telerik team
 answered on 20 Jan 2021
1 answer
644 views

1) Use this StackBlitz application: https://react-scwx3i.stackblitz.io - This is based on Telerik's own DatePicker React example.

2) Highlight the AM/PM section.

3) Press the up arrow key to go from "AM" -> "PM" -> "AM" - note that for each "PM" to "AM" change, the Day value increments

4) Press the down arrow key to go from "AM" -> "PM" -> "AM" - note that for each "AM" to "PM" change, the Day value decrements.

My expectation is that changing AM/PM values should not change any other sections of the Date/Time value.

Stefan
Telerik team
 answered on 20 Jan 2021
2 answers
681 views

I am a beginner with js and react and i try in my environment to recreate a chart.

I have everything I need (package, react, etc) but I can't make it work the example code.

I know that the problem becomes from the last part of code (ReactDOM.render) but i don't know with certainty what is it.

What i doing wrong?

 

 

Alex
Top achievements
Rank 1
 answered on 19 Jan 2021
7 answers
424 views

Hi, 

Is there an example somewhere using KendoReact notifications in a more dynamic way instead of (for the lack of a better term) one-by-one?

What Im looking for is a way to manage multiple notifications/toasts like:
 - https://jossmac.github.io/react-toast-notifications/
 - https://www.npmjs.com/package/react-toastify

Currently the examples I've found are just managing Notifications in the app state. The current functionality is limited.

Please advise.

Thanks,
Grant

Grant
Top achievements
Rank 3
Iron
Iron
Iron
 answered on 19 Jan 2021
1 answer
210 views

Hi,

On your example : https://www.telerik.com/kendo-react-ui/components/popup/aligning-positioning/#toc-positioning

If I choose Anchor align point vertical middle, the top right popup corner is in the anchor, why ?

 

Regards,
Joccd

Stefan
Telerik team
 answered on 18 Jan 2021
3 answers
326 views

https://stackblitz.com/edit/react-s8ugrr-dvxqcf?file=app/main.jsx

When you click in the TextArea in the above StackBlitz, React throws a warning in the console:

Warning: Received `true` for a non-boolean attribute `visited`.
 
If you want to write it to the DOM, pass a string instead: visited="true" or visited={value.toString()}.
at textarea
at span
at KendoTextArea (https://react-s8ugrr-dvxqcf.stackblitz.io/turbo_modules/@progress/kendo-react-inputs@4.1.0/dist/npm/textarea/TextArea.js:40:33)
at div
at KendoReactFieldWrapper (https://react-s8ugrr-dvxqcf.stackblitz.io/turbo_modules/@progress/kendo-react-form@4.1.0/dist/npm/FieldWrapper.js:13:24)
at FormTextArea (https://react-s8ugrr-dvxqcf.stackblitz.io/~/app/main.jsx:42:13)
at KendoReactField (https://react-s8ugrr-dvxqcf.stackblitz.io/turbo_modules/@progress/kendo-react-form@4.1.0/dist/npm/Field.js:30:22)
at div
at fieldset
at form
at KendoReactFormElement (https://react-s8ugrr-dvxqcf.stackblitz.io/turbo_modules/@progress/kendo-react-form@4.1.0/dist/npm/FormElement.js:33:22)
at KendoReactForm (https://react-s8ugrr-dvxqcf.stackblitz.io/turbo_modules/@progress/kendo-react-form@4.1.0/dist/npm/Form.js:87:28)
at App
Kyle
Top achievements
Rank 2
Veteran
Iron
 answered on 15 Jan 2021
3 answers
338 views

It appears that when we disable the TextArea, it does not match the styling of the other input components. My initial thought is that this is because of two things:

1. The <span class="k-textarea"> needs a k-state-disabled applied.
2. The themes need something like the following in the .scss:

.k-textarea {
    &:disabled,
    &[disabled],
    &.k-state-disabled {
        @include disabled( $disabled-styling );
        // Disabled selection
        &::selection {
            @include fill ( $color: $input-color, $bg: transparent );
        }
    }
}

 

I could be way off base here, of course.  Here's a StackBlitz showing the issue with a current, ugly, workaround: https://stackblitz.com/edit/react-s8ugrr-57r5pk?file=app/main.jsx

Kyle
Top achievements
Rank 2
Veteran
Iron
 answered on 15 Jan 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?