1. Home
  2. Forum
  3. Xamarin.Forms
  4. SplitView Behavior

SplitView Behavior

Is there a way to may the NavigationDrawer behave like a UWP SplitView? For example, click on the hamburger menu button causes the master view to slide in (and stay out until the hamburger is clicked again) and when the menu slides in the icons for the menu items is still visible?

5 Replies
PA Paul Anderson S Syncfusion Team July 5, 2018 02:40 PM UTC

 HI Teal, 
  
Thank you for using Syncfusion products. 
  
We have created workaround sample for the reported query “NavigationDrawer behave like a UWP SplitView?“.please check the sample from the following link 

In this sample we have split the header and content view by using the grid. Using the Navigationdrawer closing event in the button click event we can achieved opening and closing event can be done by using the button

Regards, 
Paul Anderson 


TW Teal Wilkes July 5, 2018 02:47 PM UTC

This looks great and achieves most of the functionality I'm looking for. The last piece it is missing is that the icons for the menu options still being visible when closed. I see it calls ToggleDrawer, are there any configurations I can access to tell it how much to close? Thanks again.

MP Michael Prabhu M Syncfusion Team July 6, 2018 01:26 PM UTC

Hi Teal, 
 
Thanks for the update, we have analyzed your query and we like to inform you that in our current implementation we do not have support for SplitView in SfNavigationDrawer and we are considering your requirement as a feature request and we have logged it in our feature request list. It will be available in any of our upcoming release.  
 
Please follow our roadmap page periodically to know the status of this feature. 
 
Thanks, 
Michael  



TW Teal Wilkes July 11, 2018 01:51 PM UTC

So I'm using what was provided, the one difference is I'm displaying pages I've created for the navigationdrawer's content view. What I've noticed is that the displayed page doesn't really have any focus, what I mean is that I'm unable to select any of the fields/controls in the page with touch or mouse pointer and clicking. The only way to get them to gain focus is by tabbing through all the controls. This is the main issue as it's not desired to not be able to select the field with the mouse. Also is there any way to get the displayed view to not slide over when the drawer is opened, I'd like for it to just stay within the available space. Thanks.

PA Paul Anderson S Syncfusion Team July 12, 2018 12:46 PM UTC

Hi Teal, 
 
Thank you for defining the feature and providing the exact requirements with SfNavigationDrawer. Currently we don’t have support for getting the displayed view not to slide over when the drawer is opened since the behavior of the control is to hide and overlay on swiping and not like a Splitview control. So, we have logged the feature based on your requirement and the feature will be available in any of our upcoming Volume releases. Please check our website periodically to get the details. 
 
Regards, 
Paul Anderson

Loader.
Up arrow icon