1. Home
  2. Forum
  3. WinForms
  4. Need video domostration sample for using Navigation Drawer

Need video domostration sample for using Navigation Drawer

Hello, 
I am going a create side menu for my application with sliding and found Navigation controller, 
here I get the sample code but having an problem in understanding the code, can you please share any video link using this control.

Any help will be appreciated from core of heart.

Thanks 


1 Reply
KS Kayalvizhi Sivashanmugam Syncfusion Team September 28, 2022 04:57 AM UTC

Hi Waqar,


Thanks for contacting Syncfusion support.

Please follow below steps to configure NavigationDrawer control in your application.

Step 1: Need to add below listed assemblies in your application.


  • Syncfusion.Tools.Windows

  • Syncfusion.Grid.Windows

  • Syncfusion.Shared.Base

  • Syncfusion.Shared.Windows

  • Syncfusion.Tools.Base

  • Syncfusion.Grid.Base


Step 2: Need to set the NavigationDrawer settings.

Need to set the NavigationDrawer Panel Width and Height. Kindly make use of below Code example for your reference.


Code Example: [C#]

this.navigationDrawer1.DrawerWidth = this.Width / 4;

this.navigationDrawer1.DrawerHeight = this.Height;


Step 3: Populate the DrawerMenuItems.

Need to populate the DrawerMenuItems in it. Kindly make use of below Code example for your reference.


Code example: [C#]

this.navigationDrawer1.Items.Add(drawerMenuItem1);

this.navigationDrawer1.Items.Add(drawerMenuItem2);

this.navigationDrawer1.Items.Add(drawerMenuItem3);

this.navigationDrawer1.Items.Add(drawerMenuItem4);

this.navigationDrawer1.Items.Add(drawerMenuItem5);


Step 4: Show / Hide the Sliding Drawer panel.

In NavigationDrawer, ToggleDrawer function is available to show/hide the Drawer panel.

Code example: [C#]

this.navigationDrawer1.ToggleDrawer();

We have also prepared sample for your reference and it can be downloaded from location.


Sample: http://www.syncfusion.com/downloads/support/directtrac/167514/ze/NavigationDrawer_Example862103118.zip


We have already provided the dashboard sample. You can refer the sample for your reference below and the attached video for this.


Sample: https://www.syncfusion.com/downloads/support/directtrac/246531/ze/NavigationDrawer_Sample-1039924749


Video: https://www.syncfusion.com/downloads/support/directtrac/general/ze/NavigationDrawer_(1)751645553.zip

Please refer the below guidelines to implement the navigation drawer.
UG link: https://help.syncfusion.com/windowsforms/navigationdrawer/overview

Kindly check with above solution and let us know if it helps.


Regards,
Kayalvizhi S



Loader.
Up arrow icon