How to select Horizontally in the schedule

Hi,


I need to know how to make the selection in the Schedule horizontally.

The normal behavior when selecting more than one cell is to fill all the hours in between. I have the requirement to only select the cells (timeslots) that the user is dragging on.

For more clarification this is how it behaves:

current_schedule.png


This is what I need:

wanted_schedule.png

Is there a way to do this?


Regards


3 Replies

SK Satheesh Kumar Balasubramanian Syncfusion Team December 19, 2023 03:55 PM UTC

Dear Customer,

Currently, it is not possible to make the selection in the schedule horizontally. Please let us know if you need any further assistance.

Regards,
Satheesh


GU GUU replied to Satheesh Kumar Balasubramanian December 20, 2023 01:05 AM UTC

Hello,

Thanks for the swift reply.


Thanks for the confirmation that it is not possible, but we have tried forcing it and we still have a couple of issues.

Image_7006_1703033921590

  1. We have not been able to capture the mouse-down event, and therefore cannot change the gray cell shading until the mouse is released. How can we do this?

  2. We are required to press enter to confirm the selection, can this be skipped?

  3. Once an event is made, we are unable to interact with the calendar beneath it. Is there a way to allow us to keep using the calendar to adjust our events?


Would you be so kind to give us some help or guidance on how we can achieve this,

Kind regards.


SK Satheesh Kumar Balasubramanian Syncfusion Team December 21, 2023 03:07 AM UTC

Dear Customer,

We have not been able to capture the mouse-down event, and therefore cannot change the gray cell shading until the mouse is released. How can we do this?


You can customize the cell color when it is selected using the below customized styles.


https://stackblitz.com/edit/ej2-react-schedule-cell-selection-color?file=index.html


index.css:

.schedule-overview.e-schedule .e-vertical-view .e-work-cells.e-selected-cell {

  background-color: green;
}

We are required to press enter to confirm the selection, can this be skipped?


You need to press enter to confirm the selection and open the editor.


Once an event is made, we are unable to interact with the calendar beneath it. Is there a way to allow us to keep using the calendar to adjust our events?


Once an event is created, we are able to adjust the event like resizing and drag & drop.


Regards,

Satheesh


Loader.
Up arrow icon