Hi. I am using the React Scheduler component.
I am currently applying Scheduler version 4.12.0 ("@progress/kendo-react-scheduler": "4.12.0")
The width of the item is not filling the slot 100%. (with margin on the right) (v4.12.0 example)
But in version 5.5.0 it seems to be 100% filled in width. (v5.5.0 example)
(Please refer to the attached image.)
In version 4.12.0, is there a way to fill the slot 100% of the width of the item?
2 Answers, 1 is accepted
Hello Sohee,
The width and the position of the events is calculated internally and with the older versions, an offset of 20px is added to the right of the events, so that the slot can be clicked. However, in regards of the Month view, since there is an empty space above the event, that offset was removed in our latest versions, but I have to say that it could not be removed in old versions.
Regards,
Konstantin Dikov
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.
Rank 1
Iron
Thanks for your reply. We will eventually do a version upgrade.
Not related to the previous question, but I have one more question about the scheduler.
In some cases, "event" whose "start" is after a certain time (here after 15:00) are not displayed in the Timeline or Day View.
Here is an example.
The 4th data (id: 4) is not displayed in Timeline and Day view.
{
id: 4,
title: "반복",
start: new Date("2019-09-25T16:00:00.000"),
end: new Date("2019-09-25T19:00:00.000"),
recurrenceRule: "FREQ=DAILY"
}
I would appreciate it if you could tell us the cause of the problem and how to fix it.
Hi Sohee,
If the event is not showing, this might indicate that it is outside of the working hours. When I test the example that you have shared, the event is shown correctly.
Could you please elaborate if the event is not rendered at all or only on the first date (the start date)? Also, if you switch to "Show full day", does that make the even appear?
We have logged issue for "FREQ" recurrence, but it is for the start date in some occasions only:
Looking forward to your reply.
Rank 1
Iron
Thank you for answer.
I've edited the example(link) to show more detail.
{
id: 4,
title: "event1",
start: new Date("2022-08-03T06:00:00.000Z"),
end: new Date("2022-08-03T09:00:00.000Z"),
recurrenceRule: "FREQ=DAILY"
},
{
id: 5,
title: "event2",
start: new Date("2022-08-03T06:30:00.000Z"),
end: new Date("2022-08-03T09:00:00.000Z"),
recurrenceRule: "FREQ=DAILY"
}
There are two items, the start time differs only by 30 minutes,
However, in "Day", "Timeline" view, event1 is displayed and event2 is not.
(Please refer to the attached image.)
As expected, this phenomenon seems to occur for items whose start time is set after 15:00.
Rank 1
Iron
I don't know if I can continue to write in the comments, but I have one more question.
I don't want to pop up a window to check if it's a "Recurring Item" when the "x" button is pressed to delete an item.
I want to remove the series unconditionally.
Is there any way to implement this?
+ Additional findings
If the "series" props of "SchedulerEditItemProps" are set to true, the dialog does not appear and the entire series is modified.
But the actual behavior is not. Is there something I'm missing out on?
Hi Sohee,
On my side both events are showing. Could you please elaborate what timezone you are in and what are your local machine time settings?
As for the other question, you can use a custom SchedulerEditItem with the following configuration:
const CustomEditItem = (props) => {
return (
<SchedulerEditItem
{...props}
series={true}
showOccurrenceDialog={false}
showRemoveDialog={true}
/>
);
};This will not show the remove dialog and will remove the series.
Rank 1
Iron
Thank you for answer.
My local timezone is Asia/Seoul (GMT+0900).
Your question - Could you please elaborate if the event is not rendered at all or only on the first date (the start date)? Also, if you switch to "Show full day", does that make the even appear?
-> My answer - Yes. No events are rendered at all. And when I switch to "Show full day", it doesn't render either.
As mentioned above, "event" whose "start" is after a certain time (here after 15:00) are not displayed in the Timeline or Day View.
Please check the example link and result screen image.
Hi Sohee,
Thank you for reporting this.
We were able reproduce it and confirm that it is not expected. We have logged a public bug report which you can track for any work info:
https://github.com/telerik/kendo-react/issues/1390
Let us know how can we further assist you.
Rank 1
Iron
Thank you for answer.
We need to release a product using that component as soon as possible, so I hope the issue is resolved quickly.
When can it be resolved?
If it's late, is there a way I can fix it by editing the source? Please guide.