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
close icon

Cannot click the buttons in bottom NavigationDrawer

Hi, I was trying to work out something like an Android actionsheet from bottom.
As the code below, there are three buttons in ContentView, and I could swipe out more.

But after I wiped out the DrawerContentView, the top buttons cannot be clicked, which seemed like only the buttons in ContentView area can be clicked.
Any suggestion?

Also, how does the TouchThreshold work, which works like "height" in my case?

Thx.

check codes below:
        <navigation:SfNavigationDrawer
            x:Name="navigationDrawer"
            DrawerFooterHeight="0"
            DrawerHeaderHeight="0"
            DrawerHeight="300"
            EnableSwipeGesture="True"
            Position="Bottom">
            <navigation:SfNavigationDrawer.ContentView>

                <StackLayout>
                    <Label Text="Swipe to show more actions..." />
                    <Button Clicked="Button_Clicked" Text="Event test" />
                    <Button Clicked="Button_Clicked" Text="Event test" />
                    <Button Clicked="Button_Clicked" Text="Event test" />

                </StackLayout>
            </navigation:SfNavigationDrawer.ContentView>
            <!--<navigation:SfNavigationDrawer.DrawerHeaderView />-->
            <navigation:SfNavigationDrawer.DrawerContentView>

                <StackLayout>
                    <Label Text="Swipe to show more actions..." />

                    <Button Clicked="Button_Clicked" Text="Event test" />
                    <Button Clicked="Button_Clicked" Text="Event test" />
                    <Button Clicked="Button_Clicked" Text="Event test" />
                    <Button Clicked="Button_Clicked" Text="Event test" />
                    <Button Clicked="Button_Clicked" Text="Event test" />

                </StackLayout>
            </navigation:SfNavigationDrawer.DrawerContentView>

        </navigation:SfNavigationDrawer>


9 Replies

RA Rachel A Syncfusion Team October 25, 2019 10:26 AM UTC

Hi Shaw,

Greetings from Syncfusion.

We have prepared the sample from the code snippet provided and the Button Event is getting invoked while the NavigationDrawer DrawerContentView has been closed. We have attached the video for your reference. Please have the video from the below link,

Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/NavigationDrawer_148565385903076

Video Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/NavigationDrawerVideo.mov608928129

Device Details:
Nexus
Android version 8.

And TouchThreshold API is used to increase the swipe region for the DrawerContentView. 

UG Link: https://help.syncfusion.com/xamarin/sfnavigationdrawer/swipe-gesture-and-sensitivity#swipe-sensitivity

Please check with the video and if the mentioned scenario differs from the above please provide the video representation for us to provide an appropriate solution.
 
 
Thanks, 
Rachel.


SY Shaw Yu October 28, 2019 07:59 PM UTC

Hi Rachel, 

Thanks for your prompt reply. Actually I missed one "label" element there to indicate the issue, plz check the code below.

Also, I added three screens, the area with red mark is "ContentView" part.
https://ibb.co/7CpMgcQ

First, default area with small height.
Second, during swipe a little bit, could see the shadow that part.
Third, when swipe up the whole drawer, only the red part could be clicked or swiped.
(If I changed heightrequest to make it higher or whole page like your example, it works)

I don't know why cannot paste the code properly, just start like this: https://ibb.co/vLfqNGH
One more label before the drawer things.

Any suggestions.

Cheers,
Shaw


RA Rachel A Syncfusion Team October 29, 2019 12:26 PM UTC

Hi Shaw, 
 
Thanks for providing the information. 
 
The default touch gesture is for the full height of the control. We have checked in your sample and if you require touch over whole area then the drawer control needs to be specified for the entire layout.  
 
Note: The drawer opening to the whole screen is internally considered as bug and will be fixed in any of our upcoming release. 
 
Please let us know if you have any concerns. 
 
Thanks, 
Rachel. 



SY Shaw Yu October 29, 2019 07:09 PM UTC

OK, got it.

I should probably see the drawer as one of my main pages, rather than attached on my page.
Thanks for all your help.


RA Rachel A Syncfusion Team October 30, 2019 05:38 AM UTC

Hi Shaw, 
 
Thanks for the response. 
 
Please let us know if need any further assistance. 
 
Thanks, 
Rachel. 



SY Shaw Yu October 31, 2019 02:27 AM UTC

Hi Rachel,
One more question, is it possible to change the opacity of the shadow (less shadow for the rest part) when drawer is open.

Cheers,
Shaw


RA Rachel A Syncfusion Team October 31, 2019 10:25 AM UTC

Hi Shaw, 
  
We have analysed your requirement “Change the opacity of the shadow, when open the drawer” in SfNavigationDrawer from our side. Currently, we don’t have this support. But we have logged a feature request on this, and it can be tracked through our feedback portal link below. 
  
  
This feature will be available on our any of the upcoming release. 

Please cast your vote to make it count. We will prioritize the features every release based on the demands. If you have any more specification/suggestions to the feature request, you can add it as a comment in the portal.
 
 
Thanks, 
Rachel. 



SY Shaw Yu October 31, 2019 07:54 PM UTC

Thanks for your support, really appreciate it.


RA Rachel A Syncfusion Team November 1, 2019 04:59 AM UTC

Hi Shaw, 
 
Thanks for the response. 
 
Please let us know if you have any other queries. 
 
Thanks, 
Rachel. 


Loader.
Live Chat Icon For mobile
Up arrow icon