This is a migrated thread and some comments may be shown as answers.

Scheduler customization questions

7 Answers 478 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Matej
Top achievements
Rank 1
Veteran
Matej asked on 12 Jun 2020, 12:11 PM

Hi, questions about react Scheduler:

1. Is it possible to open edit dialog with single click? (not double click)

2. Can I hide "all day" header row?

3.Can I have a custom component for resources? I open edit dialog and under description there are my resources dropdowns. Can I have an Autocomplete instead of dropdown?

4. Is it possible to have custom edit dialog? (not colors but custom components and layout) 

5. Can I add more columns to Agenda view?

6. In Month view when I have a lot of items in a day there is a button with 3 dots. Can I add a text to that button?

7. In a Timeline view when I have a lot of events in the same time for peter they are interfering with Alex row (see attached file, it is from your example)

 

7 Answers, 1 is accepted

Sort by
0
Accepted
Stefan
Telerik team
answered on 15 Jun 2020, 01:32 PM

Hello, Matej,

Regarding the questions:

1) Is it possible to open edit dialog with a single click? (not double click) - Yes, please check the following demo showcasing this:

https://www.telerik.com/kendo-react-ui/components/scheduler/customization/slots/state-update/#toc-custom-action-binding

2) Can I hide "all day" header row? - There is a feature request logged for it:

https://feedback.telerik.com/kendo-react-ui/1454970-reactjs-scheduler-alldayslot-property

It can also be achieved with the current version with some custom code and css:

https://stackblitz.com/edit/react-k32fvl-9io4db?file=index.html

3) Can I have a custom component for resources? I open edit dialog and under the description, there are my resources dropdowns. Can I have an Autocomplete instead of the dropdown? - This can be available once this enhancement is implemented, and I raised the priority:

https://github.com/telerik/kendo-react/issues/542

4) Is it possible to have custom edit dialog? (not colors but custom components and layout) - This is will be possible with the same feature as above.

5) Can I add more columns to Agenda view? - Could you please share more details on how this is expected to look and function?

6) In Month view when I have a lot of items in a day there is a button with 3 dots. Can I add a text to that button? - This can be modified with a custom slot, to either directly modify the current props.children collection or render custom component:

https://www.telerik.com/kendo-react-ui/components/scheduler/customization/slots/

7) In a Timeline view when I have a lot of events in the same time for peter they are interfering with Alex row (see attached file, it is from your example) - This is an issue, I logged for fixing and added Telerik points to your account for bringing it to our attention:

https://github.com/telerik/kendo-react/issues/634

Also, I saw that there is no active trial or license our this account, please have in mind that KendoReact is a commercial library and requires a valid license.

Regards,
Stefan
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
0
Matej
Top achievements
Rank 1
Veteran
answered on 29 Jun 2020, 08:43 AM

Thank you.

about no5. I just wanted to display custom columns like status/customer/type, 

0
Kiril
Telerik team
answered on 30 Jun 2020, 06:41 AM

Hello Matej,

Thank you for sharing your use-case for the AgendaView.

We are actively gathering information about how the KendoReact Scheduler is being customized, as this helps us better prioritize features and customization properties.

With the current set of features of the KendoReact Scheduler component, such customization will be possible once we have implemented custom views. We are working on providing a public API for building a custom view, but due to the complexity of the task, sharing an ETA could be misleading. We are actively monitoring the community interest in those features and plan them accordingly.

We encourage you to share any feature requests in our feedback portal and public issue tracker so we can take them into consideration when developing features for the Scheduler component.

Please let me know if you need further assistance.

Regards,
Kiril
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
0
Matej
Top achievements
Rank 1
Veteran
answered on 14 Jul 2020, 10:54 AM

Hi,

I have more questions

8) How to change the time column width in agenda view. I was able to use $scheduler-datecolumn-width scss variable to change the date width but I have no idea what $scheduler-timecolumn-width is doing. Also agenda view k-scheduler-head is not in sync with  k-scheduler-body when you are changing the window width  https://www.telerik.com/kendo-react-ui/components/scheduler/views/agenda/ .

9) is there something like selectedDateFormat prop but for dates and times in the view? (e.g. in k-scheduler-day-view I need to replace "Wed, 6/24" with "24 Wed" and  "2:00 PM" with "14:00" ... )

10) Is it possible to have custom resource cell? (e.g. I have 2 users alex and peter and I need to show Avatar next to the name in the scheduler header)

 

0
Accepted
Kiril
Telerik team
answered on 15 Jul 2020, 08:56 AM

Hi Matej,

I will jump straight to answering your questions.

8) We are planning to enable setting the width of the columns with a future version of the KendoReact Scheduler, but right now we are limited by the internal column synchronisation logic.

9) Overriding the format can be done through the IntlProvider. I have prepared the following stackblitz example, which demonstrates how to override the format of the date inside the Scheduler:
https://stackblitz.com/edit/react-hq3s4r-4fsdx6

10) This is one of the features we would like to add with a future version of the KendoReact Scheduler. It would allow per-resource customization of the columns and cells related to a specific resource/group.
I would love to hear if you have any more examples of customizing the resources cell/column, so we take them into account when implementing the feature.

As always, please let me know if you need further assistance, or if you have any feedback about missing features in the KendoReact Scheduler component.


Kiril
Progress Telerik

0
Matej
Top achievements
Rank 1
Veteran
answered on 15 Jul 2020, 10:56 AM

Thank you.

more info about no10.  Cell should be able to render different content based on the current view and layout (horizontal/vertical). For example in vertical timeline view I need Avatar with a name under the avatar but for horizontal day view I need Avatar + surname + name in one row (see schedulerAvatar.png).

0
Kiril
Telerik team
answered on 16 Jul 2020, 08:35 AM

Hi Matej,

Thank you for sharing your feedback.
We will take it into account when we implement new customization options for the KendoReact Scheduler component.

Please let me know if i can close this ticket for now, or if you need further asssistance.

Regards,
Kiril
Progress Telerik

Tags
General Discussions
Asked by
Matej
Top achievements
Rank 1
Veteran
Answers by
Stefan
Telerik team
Matej
Top achievements
Rank 1
Veteran
Kiril
Telerik team
Share this question
or