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.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to change position and Transition in NavigationDrawer control

Syncfusion NavigationDrawer in Xamarin provides Position property to change the direction of the slider view in NavigationDrawer and transition property is to change the animation by which the drawer can open.

 

To change the position of the DrawerView in NavigationDrawer us follow the given procedure:

 

In SfNavigationDrawer, the position property can be set in 4 different ways. They are

 

  1. Left
  2. Right
  3. Top
  4. Bottom

Step 1: Create Navigation Drawer and set position Property.

Step 2: DrawerView displays based on the direction given in the Position property.

 

To change the Transition of the DrawerView in NavigationDrawer us follow the given procedure:

 

In NavigationDrawer Transition property can be set in three different ways. They are

 

  1. Push
  2. Reveal
  3. SlideOnTop

Step 1: Create NavigationDrawer and Set Transition property inside SfNavigationDrawer

Step 2: Depending on the Transition Property the DrawerSlider gets toggled in respective views.

 

The below code illustrates the way to achieve this.

 

XAML code:

 

C# code:

 

 

 

 

Image for content page:

 

 

 

 

Image for Position Right & Transition Push:

 

 

Article ID: Published Date: Last Revised Date: Platform: Control:
7635 04/05/2017 04/07/2017 Xamarin.Forms SfNavigationDrawer
Did you find this information helpful?
Comments
jahanzaib zahid Jan 01, 2018

When drawer is open and i killed the application and then make it resume drawer left side become disabled and event like show menu dont call please figure it out the problem to solve

Reply
Add Comment
You must log in to leave a comment

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