WPF - Navigation Drawer / Sidebar Menu | UI Design | XAML | C# | Project | Tutorial

[ Skill Level : Intermediate ]

Hi, this video demonstrates the use of " DoubleAnimation " of the " Storyboard " element to make the transition of objects / controls between "From" and "To" target values along with a specific time duration for the transition to occur.

Subscription Link for more WPF videos and updates :

Download the Complete Source Code from Github Repository.

Navigation Drawer Code starts at 5:16

Tools Used :
Microsoft Visual Studio Community Edition 2019

Icon Credits :

Background Music Credits:

Thank you!
Have a great day!
- Arun Mutharasu

[JorgeEdson_Dev]

It's amazing how I'm able to increase my understanding of building XAML designs for WPF with these videos. Thank you very much

[markc]

Thank you so much for this tutorial. I'm a beginner to WPF and this has taught me so many concepts I can build upon going forward.

[shakrazj]

This is just perfect. Straight to the point, and beautifully designed.
Might seem like a peripheral point to make, but the music was spot on, too!

[ELIOABREUC]

Excellent tutorial. It is very instructive and reveals a methodology rarely seen in other videos. Thank you

[nvermr]

you know im a beginner but i may be copying but at least im learning what this stuff is doing as im watching so thank you

[GoogleAccount-ohmm]

This is another beautiful design like some others of this channel.
Impressive presentation and clean code to be understandable.
Thanks for the source code too.

[msgracebk]

Thanks for the Tutorial... It’s awesome and very helpful but I can't follow the whole Bit with the <Window.Resources>
, How does someone Open that feature ?

[hardiksarin]

Simply Amazing! I am shifting from Javafx and have barely any idea about xaml, i followed your video and got the results, but how do i get better at this, this was intimidating, how can i master this? Understanding the basic components and UI Building Methodology

[karis]

Very well made one. Wish it could react on button click tho

[jamiemyers]

Hi, im aware this video was uploaded years ago however i tried coding along but using my own colours, logos ect. The tooltips work fine and the UI looks great however the navigation bar doesnt slide out. At what point in the video is the code / xaml for this to happen written as i cannot figure it out ?

Great video tho

[deepakmane]

Nice Tutorial. Cannot find all images in github project. Is there a spearate folder for all the assets used in this application

[syntax-]

hello how you transfer the line to a comment, which short key you using :]

[annamierzejewska]

Very Nice Tutorial. But i have a question. If i want a Submenu, how i can do it?

For Example: Maps is the Menu point and i want to have under Maps Submenu Point with Adress. So if i click on Maps than the Submenu Point is coming.

[kevinnyakundi]

Very good tutorial...could you kindly build on this one and explain how to switch between the content on the right once a menu item is clicked

[nightprankster]

Thanks man, you help me on everything

[penggao]

Thanks for your video! When I cloned the source code from git to my local PC, how to open it?

[Raya.T]

Hi there i was following your video to learn more about designing a sidebar like this however i have a question. if i want a program to be able to resize but keep the buttons visible and not stretch how would you know how i could accomplish this?

[kumirennaidoo]

Awesome vid. Helped a lot. How would I be able to put a frame instead of the background image there so I can open different pages in it?

[fjallmann]

How does one add pages to this? Love the meticulous design work.

[pchelaudio]

Hey! Tell me where
can I take a color scheme like yours?