Our pure JavaScript Scheduler component


Post by braincept »

Hi there

How can the scheduler be configured, that uses can drag events not only to durations of 30 minutes.
Based on default settings events can only be dragged to 08:00 or 08:30 but we would also like to drag events to 08:15 or other times.

Thanks in advance

Post by saki »

You could either set snap to false or you can change timeResolution in viewPreset.

Post by braincept »

Hi Saki,

I have added below code to customize the timeResolution in the Angular 7 scheduler but still, it is not working.
const viewPreset: any = PresetManager.getPreset('hourAndDay');
      console.log('viewPreset ', viewPreset);
      if (viewPreset) {
        viewPreset.timeResolution = {
          increment: 5,
          unit: 'minute'
        }
        console.log('before setting ', viewPreset);
        this.scheduler.viewPreset = viewPreset;
      }
Please let me know how can I fix this issue.

Post by braincept »

Hi Saki,

I have tried with snap=false also but it is not working

Post by saki »

If you want to change it at runtime then change it directly on scheduler. Demo:
  1. https://bryntum.com/examples/scheduler/animations/
  2. in console: bryntum.query('scheduler').timeResolution = 5
  3. drag & drop an event
Note: The built-in setter will re-configure everything related.

Post by braincept »

Hi Saki

This helped a lot. Thanks!

Post Reply