WPF SfScheduler – disable navigation transition & header navigation UI (v31.2.18, .NET 10)

[Andrei Iuhos]

Hi,

I’m using SfScheduler in a WPF .NET 10 application with Syncfusion.SfScheduler.WPF v31.2.18.

I have two related UX issues that are reproducible even with an empty scheduler (no appointments, default settings):

1) Navigation transition / sliding & scrollbar movement

When I navigate between days/weeks/months using the built-in header navigation, the content visibly “slides” during the transition and the vertical scrollbar moves with it and then jumps to the final position.

For my use case I need an instant view change without any sliding/transition effect and without this scrollbar movement.

I couldn’t find any property like “EnableAnimation” or similar to disable this.

Is there a built-in or recommended way to completely disable the navigation transition/animation so that the view updates instantly when the displayed day/week/month changes?

If this is not possible, I would like to bypass the built-in navigation entirely and control navigation from my own external buttons.

2) Hide built-in header navigation (use external navigation instead)

In that case, I would prefer to handle navigation (previous/next week, etc.) using my own buttons in the host window, but I did not find an option to hide or disable the built-in navigation UI in the scheduler header.

Is there a supported way to hide/disable the built-in header navigation (arrows/date navigation) and control navigation only from external UI?

Repro:

- Create a new WPF project

- Add SfScheduler to the main window (e.g. Week view)

- Run the app and use the built-in header navigation arrows

Both issues are visible even without any appointments.

Thanks in advance!

[Vidyalakshmi Mani]

Hi Andrei,

Thank you for contacting us.

The sliding animation that appears when navigating to the next or previous view using the built-in header arrows is part of the default behavior of the WPF SfScheduler, and there isn’t a setting available to modify or disable this animation.

To meet your requirement, you can remove the navigation arrows in the header by applying a custom header template and then handle navigation programmatically by updating the scheduler’s `DisplayDate` property.

Below is a simple example:

XAML:

 

<scheduler:SfScheduler x:Name="Schedule" ViewType="Week" AllowViewNavigation="False">

    <scheduler:SfScheduler.HeaderTemplate>

        <DataTemplate>

            <TextBlock FontStyle="Italic"

                                Foreground="Blue"

                                FontSize="25"

                                Text="{Binding}"/>

        </DataTemplate>

    </scheduler:SfScheduler.HeaderTemplate>

</scheduler:SfScheduler>

 

C#

 

private void previousButton_Click(object sender, RoutedEventArgs e)

{

    // Navigate to the previous view

    Schedule.DisplayDate = Schedule.DisplayDate.AddDays(-7);

}

private void nextButton_Click(object sender, RoutedEventArgs e)

{

    // Navigate to the next view

    Schedule.DisplayDate = Schedule.DisplayDate.AddDays(7);

}

 

You can refer to our User Guide for more information on header customization and working with the DisplayDate property:

• Header Customization - Customize-header-appearance-using-datatemplate

• DisplayDate Property - Programmatic-date-navigation

We have included a sample demonstrating this approach, along with an output video for your reference.

Please let us know if you need any further assistance, we are happy to help.

Regards,

Vidyalakshmi M.

Attachment: SampleAndVideo_5337e946.zip