Zoom in-out on the timeline

Dear support,
I am trying to find a solution to integrate a zoom in/out option for my mobiscroll timeline in React.
I don’t necessarily need it to be responsive, I need to be able to enlarge or scale down certain parts of the timeline.
Thank you

Hello @Marco_Ferretti :wave:

Currently, we don’t have a specific example for this Zoom in/out requirement but we have all the functionalities with which you can achieve this.

Theoretically, you will need to create a wheel event handler and calculate the scale change based on the wheel movement. After this you just need to adjust the specific timeline settings. For example the timeCellStep, timeLabelStep, like in this example: Timeline Configure the timeline Example | Mobiscroll - or other settings which needed for your implementation.

1 Like

Hi Marco :wave:

We have just shipped Mobiscroll 5.33 where we are introducing timeline zoom levels and are adding tools and capabilities for dynamically changing it.

This covers a collection of updates and changes that enable a smooth transition between different horizontal resolutions and column widths.:point_down:

We also have a live example: Timeline Dynamically zoom in/out Example | Mobiscroll.