Relocate/switch axes, Zoom into TimeScale functionality

[vtrphan]

I'm using ...

• React Grid
• React Chart
• React Scheduler

Description

Hi, is it possible to relocate/switch the axes, for example the TimeScale would be then horizontal and the DateScale would be vertical. Also is it possible to configure the ticks on the TimeScale, and maybe implement the Zoom function, which mean with the mouse scroll, zoom in to various granularity, e.g. 5 minute-step on the TimeScale?

How can i implement this, or are those features on the Roadmap for future releases?

Thanks alot

[AryamnovEugeniy]

Hello,

It is not possible to swap DayScale and TimeScale. But it is somewhat similar to TimeLine View. We will implement it soon and if that is what you want, you can follow this thread.

About TimeScale. You can use cellDuration property, which specifies the cell’s duration in minutes. You can add an event listener to modify onWheel event. Inside this event it is possible to change cellDuration. Here is a small demo. Press Z key and this will disable scrolling (it is done through onKeyUp and onKeyDown). And now you can zoom with mouse wheel to change the cell duration.
For a production version, I recommend using debounce.

Does this solution suit you?

[vtrphan]

Hi AryamnovEugeniy, thank you for the great insight.
Concerning the Timescale/DateScale swap, the customer absolutely wants to have this feature. Could you might suggest a way to implement this custom look? The WeekView offers to specify a custom "layoutComponent" . I thought it would be possible to swap the scales by making a custom layout component, is it right?

Another question, how may i implement multiselect for the Appointments and multi-drag-drop, i.e, the customer can select multi appointments at once (Ctrl- click), then drag drop them to another slot .
Thank you for your help

[AryamnovEugeniy]

It is not as easy as it may seem. It is not very easy to swap DayScale and TimeScale in the first place (they will have to be customized), but quite possible However, even if we do that, it won't affect appointments - they will be rendered as though it is an ordinary WeekView. TimeTableLayout will also have to be overridden. And Appointments plugin as well. In short, this is about the same amount of work as to implement WeekView from scratch.

We do not support multiple appointments editing. We will consider implementing this and the WeekView you want in one of our future releases.

[vtrphan]

thank you. It would be very cool to have those rich features in a near future release. Would definitely make the scheduler very useful.

[MaximKudriavtsev]

Hi @vtrphan,

Concerning the Timescale/DateScale swap, the customer absolutely wants to have this feature.

Could you please clarify your suggestion? What is your use case and what is the goal of your app? This information will be very helpful to us when we decide to implement this feature. In addition, clarify why the Timelines feature doesn't cover your needs. Thanks!