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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to toggle the SfNavigationdrawer control

Platform: Xamarin.Forms |
Control: SfNavigationDrawer |
Published Date: April 7, 2017 |
Last Revised Date: April 7, 2017

Syncfusion NavigationDrawer in Xamarin provides toggle drawer event to open the Drawer view. Drawer can be either opened by using “Swiping event” or by using ToggleDrawer” method. The code snippets and the steps to be followed to toggle the SfNavigationDrawer control is given below.


To open Drawer ContentView in NavigationDrawer using toggle drawer follow the given procedure:


Step 1: Create Header, Footer inside DrawerHeaderView and DrawerFooterView. Initialize the DrawerContentView and add list of items to be visible on the drawer content.


Step 2: Create a button and set ToggleDrawer method to open the Drawer.


The below code illustrates the way to achieve this:


XAML code:



C# code:




Image before toggle Navigation Drawer:





Image after toggle Navigation Drawer:






You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

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