Scheduler - customize view

[Tomasz Jagusz]

Hi Team,

I'm building a prototype application and I got a requirement to customize Scheduler's week view (https://ej2.syncfusion.com/react/demos/#/material/schedule/resource-grouping)

I've attached an image showing my requirements.
From left: the first column is displaying the name of weekdays (Monday, Tuesday, etc), the rest of the columns represents resources.
So as you can see the first car is used from 23 January from 08:00 till 26 January till 16:00, the same car is used again from 28 January 08:00 till 30 January 14:00 and so one.

I wasn't able to find something that fits my needs so I'm asking for Your help.

If this is possible to do I'd like to ask for a sample project. If that's too much please write how can I get this kind of view.

Best regards,
Tomasz

Attachment: Prototype1_5f0da6a5.zip

[Karthigeyan Krishnamurthi]

Hi Tomasz, 

 

Syncfusion greetings. 

 

Currently it possible to display the resource on left side and dates on top by disabling the timescale. Kindly refer the below links. 

https://stackblitz.com/edit/react-wxc7ic?file=index.js 

https://ej2.syncfusion.com/react/documentation/schedule/resources/?no-cache=1#timeline-resource-view 

https://ej2.syncfusion.com/react/documentation/schedule/timescale/#hide-the-timescale 

 

Regards, 

Karthi 

 

 

 

[Tomasz Jagusz]

Hi Karthigeyan,

thank you for the links, but I need the opposite - I want resources on top (from left to right) and time on left (from top to bottom). So Your view should be fliped 90 degrees.

Please take a look at the attached image.

Best regards,

Tomasz

[Karthigeyan Krishnamurthi]

Hi Tomasz,  

  

Thanks for the update. 

 

Currently it is not possible and we logged it as below feature request which will be included in any one of our upcoming main release. 

https://www.syncfusion.com/feedback/3557/custom-work-day-support-in-timeline-view 

 

Regards, 

Karthi 

 

 

[Tomasz Jagusz]

Hi again,

thank you for creating a feature request for this.

I'd like to add to the thread that I need this to create an app that will allow reserving items (cars, bikes, scooters).

My future client already has a desktop app that has this type of view. He wants to move to a web-based app, but his requirement is to have the exact same view.

He wants to have resources horizontally, like in https://ej2.syncfusion.com/demos/#/material/schedule/group-custom-work-days.html, but instead having multiple columns per resource (Will has 4 columns, Alice 3 and Robson 5) I want to have single column per resource and a vertical timeline on left.

This type of view will be used with multiple resources (for example with 40 cars), so it is very compact.

It would be awesome if this view would allow hiding/showing resources, similar to https://ej2.syncfusion.com/demos/#/material/schedule/resource.html

As first you will see all the cars, but you will be able to filter them, for example, show only vans or sports cars.

If possible please add more context to feature request.

Best regards,

Tomasz

[Tomasz Jagusz]

Hi Karthigeyan,

I've just found a demo of other web-based product that has such a view: https://www.bryntum.com/examples/scheduler/vertical/

This could be a good reference.

Best regards,

Tomasz

[Karthigeyan Krishnamurthi]

Hi Tomasz, 

 

Thanks for the update. 

 

By default, we can achieve Bryntum view with vertical mode Day view and group by date option. Kindly refer the below links. 

https://stackblitz.com/edit/react-4omjmv?file=index.js 

https://ej2.syncfusion.com/react/documentation/schedule/resources/?no-cache=1#vertical-resource-view 

https://ej2.syncfusion.com/react/documentation/schedule/resources/?no-cache=1#grouping-resources-by-date 

 

The feature will support the below options too. 

https://ej2.syncfusion.com/react/demos/#/material/schedule/resource 

https://ej2.syncfusion.com/react/demos/#/material/schedule/add-remove-resources 

 

Regards, 

Karthi