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

Tap gesture and click events not working in the header view of navigation drawer

hello , 

I was working on a xamarin forms project, i have using SfNavigationDrawer for side menu. I have put an image and a button in DrawerHeaderView of drawer, but  sadly neither the click event of button nor tap gesture is working for the image. I am struck on this for the last 2 days. Is there any solution so that these events can be fired from elements in Header View of navigation drawer.

5 Replies

VA Vanaja  Annasamy Syncfusion Team June 29, 2017 11:20 AM UTC

Hi Rajveer, 
Thank you for contacting Syncfusion support. 
We were unable to reproduce the reported issue "Tap gesture and click events not working in the header view of SfNavigationDrawer”. We have created the sample for the reference. Please download the same from below link. 
Link:  http://www.syncfusion.com/downloads/support/forum/131210/ze/NavigationDrawerHamburger1606076558 
Please run the sample and check whether it meets your requirement. If not please provide the detailed description of yours and it will help us to proceed further with your requirement. 
Vanaja R.A.  

RA rajveer June 29, 2017 12:09 PM UTC

Hello Vanaja,

Thanks for sample. But this is for click of the hamburger icon. It is working fine in my solution. But my problem is with button, image etc click event in SfNavigationDrawer.DrawerHeaderView of SfNavigationDrawer. Following is code of DrawerHeaderView


 <StackLayout Orientation="Vertical" BackgroundColor="{StaticResource BlackBackground}" Margin="0,0,0,0"> 

<Image x:Name="imgLogo" Source="logo_side_small"   Margin="20,5,0,0"  HorizontalOptions="Start"/>

<Button x:Name="btnNewTeam"></Button>


I want to fire click event of button 'btnNewTeam' and tap gesture of 'imgLogo' Image. But they are not working. Can you please provide a sample of these.

VA Vanaja  Annasamy Syncfusion Team June 30, 2017 12:16 PM UTC

Hi Rajveer, 
Sorry for the inconvenience. 
We were able to reproduce the reported issue "Tap gesture and click events are not working in Header view" in SfNavigationDrawer. The fix for the reported issue will be included in 2017 Volume 2 SP2 release which is expected to be rolled out by the beginning of July 2017. 
Vanaja R.A. 


Hi! I'm having the same issue, but with a stack layout.

My code:


            <!--Conteúdo do menu-->

            <StackLayout x:Name="MenuContent" BackgroundColor="{StaticResource BackgroundColor}">


                    <StackLayout x:Name="MenuContentView" Margin="0" Padding="5" Orientation="Vertical" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand" BackgroundColor="{StaticResource BackgroundColor}">

                        <StackLayout Padding="10, 2, 10, 10" Orientation="Horizontal" VerticalOptions="Center">


                                <TapGestureRecognizer Tapped="Indicate_OnTapped"></TapGestureRecognizer>


                            <Image Source="indicate.png" WidthRequest="18"></Image>

                            <Label Text="Ganhe Indicando Amigos" x:Name="LabelIndicate" FontSize="18" TextColor="{StaticResource PrimaryChangeableColor}"></Label>


<StackLayout.GestureRecognizers> works sometimes, with some phones (some phones are ok). 

VA Vanaja  Annasamy Syncfusion Team August 21, 2017 06:39 PM UTC

Hi Carlos,

We were unable to reproduce the reported issue "Tap gesture and click events are not working in DrawerContent view inside StackLayout" in SfNavigationDrawer. We have created the sample for the same. Please download it from the below link.

Link:  http://www.syncfusion.com/downloads/support/forum/131210/ze/Navigationbutton1728345416 

Please run the sample and check whether issue reproduces at your end. If not please modify the changes in the sample and revert the modified sample with the issue reproducing at your end and please let us know the platform in which you experience the issue and that will help us to work further with your requirement.

Vanaja R.A.  

Live Chat Icon For mobile
Up arrow icon