Place Navigation Drawer over the navigation bar

[Subash Adhikari]

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. 

[Vanaja Annasamy]

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.

 

[Subash Adhikari]

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

[Vanaja Annasamy]

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 

[Subash Adhikari]

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? 

[Vanaja Annasamy]

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.