Telerik Forums
KendoReact Forum
1 answer
199 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
360 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
309 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
135 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
659 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
694 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
447 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
217 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
341 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
360 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
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
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
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?