Having the endTime set to the next day (in regards to the startTime) for example, should allow the Day view to show the entire period.
The same functionality is available in Kendo UI for jQuery Scheduler:
Currently, the Scheduler accepts only "HH:MM" format as string values.
Hello,
when using the StrictMode we get an UncaughtError when using the PopupComponent. Fe. when using the Date/Time-Picker.
ERROR
Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
at checkForNestedUpdates (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:27287:11)
at scheduleUpdateOnFiber (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:25470:3)
at Object.enqueueSetState (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:14067:7)
at Component.setState (webpack-internal:///./node_modules/react/cjs/react.development.js:355:16)
at PopupWithoutContext.componentDidUpdate (webpack-internal:///./node_modules/@progress/kendo-react-popup/dist/es/PopupWithoutContext.js:285:18)
at commitLayoutEffectOnFiber (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:23328:30)
at commitLayoutMountEffects_complete (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:24683:9)
at commitLayoutEffects_begin (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:24669:7)
at commitLayoutEffects_begin (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:24651:11)
at commitLayoutEffects (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:24607:3)
The above error occurred in the <PopupComponent> component:
at PopupWithoutContext (webpack-internal:///./node_modules/@progress/kendo-react-popup/dist/es/PopupWithoutContext.js:97:28)
at eval (webpack-internal:///./node_modules/@progress/kendo-react-popup/dist/es/Popup.js:38:67)
at div
at AsyncFocusBlur (webpack-internal:///./node_modules/@progress/kendo-react-common/dist/es/hocs/AsyncFocusBlur.js:30:23)
at TimePickerWithoutContext (webpack-internal:///./node_modules/@progress/kendo-react-dateinputs/dist/es/timepicker/TimePicker.js:87:28)
at eval (webpack-internal:///./node_modules/@progress/kendo-react-common/dist/es/hocs/withPropsContext.js:28:95)
at component
at Field (webpack-internal:///./node_modules/@progress/kendo-react-form/dist/es/Field.js:37:22)
...Hi,
I am facing one issue when group header text is bigger in length. It is getting overlapped with the aggregation values in the other columns.
Please find the below example for the issue :
https://stackblitz.com/edit/react-7f1ud1-oplbht?file=app%2Fmain.jsx,app%2Fproducts.json
I need that text to be contained inside the td element. Once I resize the column then I should see the complete text.
Please look into this issue and give me a solution asap.
Thanks,
Achal
Would love a prop to hideHeader on KendoReact grids!
For the same reasons that were enumerated in this 2017 Kendo Angular thread: https://github.com/telerik/kendo-angular/issues/285
- For shared grids that only need 1 header row
- For small grids that have sorting/filtering controls outside of the grid header
in the provided video, an example of the unordered list has been taken up. But the same is applicable to the numbered list as well.
When a user tries to add a new point to an unordered list in a new line and then clicks the backspace, the unordered list remains. Pressing 'Enter' to start a new line shows the unordered list bullet points again.
Can we update it so that on Pressing backspace to remove the unordered/ordered list should delete it entirely and should not leave any highlighting in the description box editor field.
video : https://www.loom.com/share/480debbe4f2648339ecb80cd9b6ed853?sid=3914f5dc-f477-4afd-a55d-df4a26603da7
please go through video where i have provided , example of current behavior and expected behavior
We are using the DateFilter from kendo-react-data-tools to filter Odata Edm.Date fields. Neither the DateFilter nor the Edm.Date fields have a time component, but toODataString from kendo-data-query turns the DateFilter value into a DateTimeOffset e.g. YYYY-MM-DDT00:00:00.000Z.
Is it possible to get a date-only value from toODataString using DateFilter?
in React Dialog, the Dialog or the overlay, need to be focused for the Escape Key to work and close the dialog, whereas in the jQuery Dialog, it works globally without a specific focus...
Although Kendo React UI supports virtualization for grids with many rows, supporting virtualization for wide rows with hundreds of columns would increase rendering performance. https://www.telerik.com/account/support-tickets/view-ticket?threadid=1343205
Would it be possible to add a react wrapper of the angular / jQuery Sortable library? https://docs.telerik.com/kendo-ui/controls/interactivity/sortable/how-to/AngularJS/use-sortable-grid-angular
I'd like to be able to get the generated pdf data from GridPDFExport in a callback, instead of saving to file. This is useful for emailing pdfs.
It can easily be achieved by adding a 'generatePDF' method to the KendoDrawingAdapter prototype such as this:
KendoDrawingAdapter.prototype.generatePDF = function (callback) {
var _this = this;
var savePromise = this.drawDOM(this.domElement, this.getDrawOptions())
.then(function (group) { return _this.exportPDF(group, _this.getPDFOptions()); })
.then(function (dataUri) { return dataUri });
if (callback) {
savePromise.then(callback, callback);
}
};
The KendoReact Tooltip component only displays tooltips on hover (the showTooltip method is called on the onMouseOver and onMouseLeave events). It would be ideal if the showTooltip method was also called on the onFocus event as well, making the user experience the same for keyboard-only users.
Most other UI libraries treat hover/focus the same for consistency and accessibility.
Bootstrap requires it:
https://getbootstrap.com/docs/4.1/components/tooltips/#making-tooltips-work-for-keyboard-and-assistive-technology-users
Material UI allows you to disable focus interaction, but the default is that focus is handled the same as hover:
https://material-ui.com/api/tooltip/#props
Dropdownbutton doesn't work in FF 66.0.2 on maxOS
1. Click on the dropdownbutton
2. Clicking outside of the dropdownbutton menu
3. The dropdownbutton does not close
Set TabStrip items on multiple rows, instead of scrolling.
If there are many items, they should be shown on multiple row.
Hello again Kendo React Team,
Our team recently started using the Kendo React DateTimePicker and noticed that if the user clicks "Today" followed by "Now" the drop down does not automatically go away. The DatePicker and TimePicker both have this desired action of closing the drop down when selecting. Would it be possible to add this functionality to the DateTimePicker?
Thanks,
Mark
Column locked with KendoReact Grid is not locked in the iPhone safari. It's OK in Chrome phone simulator, but not in mobile.
<Grid
style={{ height: '400px', width: '500px' }}
data={products}
reorderable
>
<Column field="ProductID" title="ID" width="45px" locked />
<Column field="ProductName" title="Name" width="250px" />
<Column field="Category.CategoryName" title="CategoryName" />
<Column field="UnitPrice" title="Price" width="90px" />
<Column field="UnitsInStock" title="In stock" width="90px" />
<Column field="UnitsOnOrder" title="On order" width="90px" />
<Column field="Discontinued" width="120px" locked={true} />
<Column field="QuantityPerUnit" title="Additional details" width="250px" />
</Grid>
It seems the Angular date pickers allow an actual placeholder attribute in stead of populating with the format as the React components do. The current functionality is limited in terms of the experience and requires workarounds as found in this thread.
https://www.telerik.com/forums/datepicker-without-placeholder?actionMode=replyThread