Split Shifts Events over multple Days

[Salvatore Cannone]

Hi All,

Is there a way in a grouped timelineMonthview to display an event split over two days , something like a night and day shift roster. At the moment if I specify an event from 5:30PM until 5:30AM the following day then it shows it as two full days

What I want to do is to show it as in the screen shot example of another library below ( resource 12 ) .

[Vijay Ravi]

Hi Salvatore,
 

Based on the current Scheduler element structure, we don't have options to split events across multiple days. Instead, we've already logged this as a feature request for shift-basis Scheduler. Please check if the shift-based Scheduler meets your requirements and revert to us if you have any concerns.

Shift basis Scheduler: Shift basis Scheduler in Angular | Feedback Portal (syncfusion.com)

Please get back to us if you need any further assistance.

Regards,

Vijay

[Salvatore Cannone]

Hi Vijay,

This is back from 2020 . I find it very hard to believe that this type of feature doesn't exist in your scheduler library. Other libraries support this feature such as DHTMLX and Mobiscroll.

Would it be difficult to add, This is a show stopper for a project I have been working on .

Regards,

Sal

[Salvatore Cannone]

Is there a custom rendering way of showing partial scheduled items instead of the default full days?

Sam

[Ram Raju Elaiyaperumal]

Hi Salvatore Cannone,

We have validated your shared query and let you know that in timeline month view appointment will render in entire day irrespective of time.  In the mean time your requirement can be achieved by customizing the TimelineDay view of the scheduler using interval option, timeScale property and popupOpen event of our schedule.

let scheduleOptions: ScheduleModel = {

        width: '100%',

        height: '650px',

        selectedDate: new Date(2023, 0, 4),

        views: [{ displayName:'TimelineMonth', option: 'TimelineDay', interval: 31, timeScale: {enable: true, interval: 1440, slotCount: 1}}],

        

        popupOpen: function(args){

            args.duration = 30;

        }

    };

For your convenience we have prepared a stackblitz sample, kindly check on the sample: schedule-timescale-custom - StackBlitz

Regards,

Ram

[Salvatore Cannone]

Hi Ram,

I had a better look at this in full screen mode and it sort of works , but the header is all over the place . I need this to work in TimelineMonth mode

I have also attached what I need to replace ( Spreadsheet ) and mimic with the Syncfusion scheduler . You can see the slots take up a full day , but slots with the code DS or NS represent a Day Shift or Night Shift Day Shift generally  5:30AM until 5:30PM and NS = 5:30PM until 5:30AM.

On the spreadsheet screenshot it shows as a full cell , but we need to show it split when applicable within the scheduler.

What are your thoughts?

 

Regards,

Sam

[Ram Raju Elaiyaperumal]

Hi Salvatore Cannone,

We have customized the scheduler based on the image that you shared. The scheduler displays the Month, Date, and Day as headers, and the events are rendered based on the timing of the events. In your case, it is from 5:30 AM to 5:30 PM and vice versa.

Please check the attached stackblitz sample: https://stackblitz.com/edit/schedule-timescale-custom .

Please don't hesitate to reach out if you have any further questions or concerns.

Regards,

Ram