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

Place Navigation Drawer over the navigation bar

How I can position the sfnavigationdrawer over the navigation bar? I actually need a master detail page with pages coming in form both left and right. So, they must look identical. 

5 Replies

VA Vanaja  Annasamy Syncfusion Team February 13, 2017 12:48 PM UTC

Hi Subash,

Thank you for contacting Syncfusion support.

Query: Place Navigation Drawer over Navigation bar.

By using SfNavigation Drawer you can open the slide drawer from left as well as right side. For this you have to set EnableSwipeGesture as false and try to open and close using ToggleDrawer method. We have attached a sample for your convenience and please download the same from the following link.

Link: http://www.syncfusion.com/downloads/support/forum/128770/ze/DrawerExample-1681751389  

Please let us know if you have any conern on this.

Regards,
Vanaja R.A.

 



SA Subash Adhikari February 14, 2017 06:16 AM UTC

Hello Vanaja,

Thank you for your reply. But I know how to show and unshow navigation drawer. What I actually need to know is how to make navigation drawer start from the top of screen than just below the navigation bar. 

Best Regards,
Subash


VA Vanaja  Annasamy Syncfusion Team February 16, 2017 04:39 AM UTC

Hi Subash,

Currently when you are placing SfNavigationDrawer in navigation page the drawer will open beneath the navigation bar, so you can use a button inside content page and navigate back to previous page. We have prepared a sample for your convenience please download it from below link.

Link: http://www.syncfusion.com/downloads/support/forum/128770/ze/NDrawer_NavigationPage-479240927  

Please let us know if you have any other queries.

Regards,
Vanaja R.A 



SA Subash Adhikari February 20, 2017 05:45 AM UTC

Also Can you help me how can I have two navigation drawers in same page? And how can I have tabbed page inside a navigation drawer page? 


VA Vanaja  Annasamy Syncfusion Team February 21, 2017 10:35 AM UTC

Hi Subash,

Currently we do not have SfNavigationDrawer control to provide multiple Drawer in a same page. Since we cannot add a page inside a view so your requirement tagged page inside a navigation drawer page is not possible. But we can have navigation drawer inside tagged page. We created sample for the same please download the same from the below link.

Link: http://www.syncfusion.com/downloads/support/forum/128770/ze/NavigationDrawer1953922365 
 
Regards,
Vanaja R.A. 


Loader.
Live Chat Icon For mobile
Up arrow icon