Disabling Animation

[Raveen Sundram]

Hi 

I trying to disable animation for the schedule control - is there a property/setting for this ?

Tried a sledge hammer approach of doing:
ej.base.setGlobalAnimation(ej.base.GlobalAnimationMode.Disable);

But that broke other things like the toolbar within the schedule control, especially when enableAdaptiveUI=True

Thanks

[Vijay Ravi]

Hi Raveen Sundram,

Syncfusion Schedule component does not have a specific property to disable animations entirely. Could you share details about the type of animations you want to remove from the Schedule (e.g., transitions during view changes, event rendering, or tooltips)? Providing these details will help us validate further and suggest potential solutions.

Don't hesitate to get in touch if you require further help or more information.

Regards,

Vijay

[Raveen Sundram]

Hi Vijay

I would like to disable to fade-in/out of the views (ie moving from timeline week 1 to week 2 or month 1 to month 2) and the event loading.

Thanks

[Swathi Ravi]

Hi Raveen Sundram,

We logged a feature request for your requirement, and the feature will be included in any of our upcoming releases. Track the status by using the feedback link below.

 

Feedback: Provide support for disabling the animation in the scheduler through a property in JavaScript | Feedback Portal

 

Generally, we will plan any feature implementation based on customer request count, feature rank, and Wishlist plan. You can cast your vote in the aforementioned feedback.

In the meantime, you can disable the animations by using the snippets provided below. To disable the animation, override the default animation effect with an empty function.

(Schedule as any).prototype.animateLayout = function () { };

let fifaEvents: Record<string, any>[] = <Object[]>extend([], ((dataSource as Record<string, any>).fifaEventsData), null, true);

let scheduleObj: Schedule = new Schedule({

    width: '100%',

    height: '650px',

    workHours: { start: '11:00' },

    views: [

        { option: 'TimelineWeek' },

        { option: 'TimelineMonth' },

    ],

    selectedDate: new Date(2021, 5, 20),

    eventSettings: { dataSource: fifaEvents },

    eventRendered: (args: EventRenderedArgs) => applyCategoryColor(args, scheduleObj.currentView),

});

scheduleObj.appendTo('#Schedule');

Sample: https://stackblitz.com/edit/js-scheduler-disable-animation-bdv91w?file=index.ts,index.html

Regards,

Swathi