We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

The WPF Navigation Drawer control is a sidebar navigation view that is used to create a navigation menu. It provides compact and extended display modes with built-in navigation view items. Switch between modes based on the available size of the window. It also provides a default mode that allows a custom pane view.

WPF NavigationDrawer Getting Started documentation


Built-in navigation view

Using the compact and extended display modes, create a navigation menu with built-in items. Footer items can also be populated using the built-in items. The drawer menu can be expanded and collapsed using the built-in toggle button.

WPF Navigation Drawer with Compact Mode

The sliding panel of the WPF Navigation Drawer can be loaded with navigation items such as tabs, a header, separators, and buttons.

WPF Navigation Drawer with Auto Display Mode

Adaptive display modes

The WPF Navigation Drawer menu can automatically switch between the compact and extended modes based on the available size of the window.

WPF Navigation Drawer with Hierarchy

Multilevel sidebar menu

The sidebar menu of the Navigation Drawer can be loaded with multiple levels by choosing the tab navigation item. This will be useful to organize and prioritize a list of multiple items.

WPF NavigationDrawer with Expand Mode

Toggle button

The WPF Navigation Drawer has a built-in toggle button placed at the top-left corner that can be used to toggle the sidebar menu between compact and extended modes.


Custom views

The default display mode allows you to load any custom view for the header, menu content, and footer. The drawer menu will be completely hidden in this display mode.

Changing Position of WPF Navigation Drawer on Left Side

Drawer header view

Load the view for the header part of the side drawer pane.

Drawer content view

Load the view for the body part of the side drawer pane.

Load the view for the footer part of the side drawer pane.


Slider positions

Customize the position of the drawer. The drawer can be placed at the left, right, top, and bottom.

Changing Position of WPF Navigation Drawer on Right Side


100+ WPF CONTROLS

Read independent,
authenticated reviews
on G2

Download Now Pricing

What do our customers say about us?

double quotes

I work for an electrical instruments plant. I purchased the Gantt control from Syncfusion. It has saved me many hours as well as stores our information more efficiently… now.
Marco Del Frate

Marco Del Frate

Tecnel SRL

double quotes

I am really thankful for the wonderful set of controls for WPF. I was able to deliver things on time and could focus on core business logic rather than control development.
Umair Ahmed

Umair Ahmed

Technical Lead at Vercom

Transform your applications today by downloading our free evaluation version Download Free Trial

Syncfusion WPF Resoures

Awards

Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile