Hi, I have a Drawer that is the main navigator in my app. The app in mobile show the component in overlay mode, and otherwise in on push mode.

My problem is that in overlay mode the navigator items are showed at the top of the device.

How to show the items without cover the header

Hi.

I have some questions regarding recurring dates. I have setup an example here:

https://stackblitz.com/edit/react-apb9rw?file=app%2Fmain.tsx,app%2Fdata.ts

As you can see in my data, the recurring events should start in the week that is being displayed when you open the scheduler page. They are timed so that all events should start at midnight CET, so I put the UTC-date to 10 pm UTC because CET is currently 2 hours ahead of UTC.

The issue is they don't show at the day they are scheduled, they show a week later and the weekday before they should show. So for example the allDay item "Sunday Item" which is scheduled to start on Sunday, 9th July 00:00, is showing week later on Saturday and the one that should be scheduled for Monday is showing on the next Sunday. That counts for non-Allday items and all day items. I'm not sure what I'm doing wrong here, maybe it's my math?

It would be important for me that at least the non-allDay items start at midnight on the correct day. I could get around the allDay-items issue by maybe choosing a different time but in the end it should work as expected.

Thanks as always,

Greetings,

Bernd

Hello everyone,

I need to insert html code at the current caret position - is this possible, and if so, could someone suggest how to do it? I've seen a similar solution in angular, but I can't convert it to this in react.

(https://stackblitz.com/edit/angular-fway1h-7ydfj2?file=app%2Fapp.component.ts)

Additionally:

Is it possible to calculate the exact position of the caret with respect to the entire browser window? 

Hi.

To show what I want to achieve I have created an example on StackBlitz based on this example from your docs:

https://stackblitz.com/edit/react-esujqr?file=app%2Fmain.tsx,app%2Fproportional-view-item-week.tsx

In the WeekView of the Scheduler, the display of the items that are no all day items can get a little messy when there are overlapping events, especially if there are 10 items or more. I tried to achieve, that first of all the text in the event is not visible anymore. I did this by removing the title from the SchedulerViewItem. But then of course I didn't have a proper tooltip anymore.

So I created a SchedulerItem, placed a div inside of it and added a title from the dataItem to the div. Here are the issues I faced then:

1) I wanted to stretch the div to 100% width and height of the SchedulerItem but if I do this, at least the width does not work. I set it now to 10px width and height and gave it an orange background so I can at least test the standard tooltip but that is not really what I want to have. I would like to achieve that the tooltip is shown whereever I hover over the event item.

2) Generating the tooltip information with the times and the title coming from the dataItem is of course an expensive task if you have a lot of events in your Scheduler for a week (I'm talking about between 80 to 120 recurring events!), so I'd rather use the existing information of the title which I had to remove in order to achieve that there is no text showing in the event item.

3) The most awesome thing would be if I could use the Kendo-Tooltip instead of the standard tooltip. Any help in that direction would be great.

4) I noticed that if an event is for example only 5 minutes long, the item in the calendar is showing as if it was about 30 minutes or so. Any idea why that is the case?

5) A more general question: I added a file to my example (myData.tsx) where you can see example data from my application. In my local Scheduler version the data is working fine (I have 4.13.0) but somehow I can't get anything to display in the app on StackBlitz. Have there been any breaking changes in the data format?

Thanks as always for you help!

Greetings,

Bernd

Hi.

In the Day-, Week- and Month view of the Scheduler a user can select the date to show in the header of the chosen view (see attached screenshots).

My question is if it is possible to limit what you can choose there. I would like to set a start date that should be the lowest date that a user can choose and disable all dates that are before that date. So for example a user shouldn't be able to choose a date before 1st of May 2022.

Is that possible?

Thanks,

Greetings,

Bernd

I have a scenario to export a Grid to pdf using the GridPDFExport. What I am observing is that this fails when using the react Link with the error 

Error: Invariant failed: You should not use <Link> outside a <Router>

What I notice is that this works well with an anchor but this is something I cannot use in my situation as it caused full page reloads on the web page itself. How can I handle this?

Thanks

Any chance you could provide simple sample code (ideally stackblitz) demonstrating how to combine multiple PDFExport's into a single PDF file?

the need to combine comes from wanting page numbering to start at 1 within each individual pdf render.

totally open to using the lower level exportPDF from the drawing library... perhaps there's a straightforward path to combining the individual DataURI's?  also open to using additional 3rd party npmjs libraries

Hi there, I'm trying to use a state hook and an effect hook to update the initialValues, but the form fields are not filled after the initialValues is updated. Is that an expected behavior? If so, how could I load the Form after I fetched initialValues from api? Thank you.

"@progress/kendo-react-form": "^5.4.0",

I have implemented the virtual scrolling on a KendoReact grid based on the example given in the documentation with a remote data source.

This appears to work well. However, I have a scenario where I want to scroll the grid to a specific location. I am able to display the correct page by setting the Skip value on the state of the Grid, however.  The scrollbar position is not correctly recalculated when I set the skip value. Instead, the scrollbar remains at position 0.

How can I correctly set the scrollbar location?

Thanks

Thomas