TimeZoomSlider

Widget

A slider widget for controlling the zoom level of a Scheduler, SchedulerPro, or Gantt component using the smooth zoom system. This widget provides fine-grained control over zoom levels by interpolating between view presets.

Add it to the component's toolbar to connect it automatically:

new Scheduler({
    smoothZoom : true,
    tbar : [
        { type : 'timezoomslider' }
    ]
});

Or specify which Scheduler, SchedulerPro or Gantt component instance it should connect to using the client config:

const scheduler = new Scheduler({
    smoothZoom : true,
    // ...
});

const timeZoomSlider = new TimeZoomSlider({
    appendTo : 'someElement',
    client   : scheduler
});