Scheduler customization questions

8 posts, 2 answers
  1. Matej
    Matej avatar
    71 posts
    Member since:
    Jun 2019

    Posted 12 Jun 2020 Link to this post

    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)

     

  2. Answer
    Stefan
    Admin
    Stefan avatar
    3039 posts

    Posted 15 Jun 2020 Link to this post

    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.
  3. Matej
    Matej avatar
    71 posts
    Member since:
    Jun 2019

    Posted 29 Jun 2020 in reply to Stefan Link to this post

    Thank you.

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

  4. Kiril
    Admin
    Kiril avatar
    24 posts

    Posted 30 Jun 2020 Link to this post

    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.
  5. Matej
    Matej avatar
    71 posts
    Member since:
    Jun 2019

    Posted 14 Jul 2020 Link to this post

    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)

     

  6. Answer
    Kiril
    Admin
    Kiril avatar
    24 posts

    Posted 15 Jul 2020 Link to this post

    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

  7. Matej
    Matej avatar
    71 posts
    Member since:
    Jun 2019

    Posted 15 Jul 2020 in reply to Kiril Link to this post

    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).

  8. Kiril
    Admin
    Kiril avatar
    24 posts

    Posted 16 Jul 2020 Link to this post

    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

Back to Top