Rounded menu

[dalton5]

Hi,

I tried to create a rounded menu and I can't find where my code is wrong. If you could provide one or help on the one I try to create.

I have already asked the question on stackoverflow but got no reponses.

https://stackoverflow.com/questions/60919712/xamarin-forms-transalted-button-click

To summarize, I try to create a rounded menu. The design is great but the click button is not raised because I use the translatex and translatey.

Can you help?

My menu is as below:

The accent color is my Grid. Then I translatex and trnaslatey the buttons.

My issue is that the click button is not raised. I have also tried on the gesture recognizer of my stack panel. Same result.

The part of the code is below:

     ` <Grid BackgroundColor="Accent" Margin="0,0,0,10" VerticalOptions="End" HorizontalOptions="Center">
    <StackLayout x:Name="cat" TranslationX="-109" TranslationY="-102">
        <StackLayout.GestureRecognizers>
            <TapGestureRecognizer Tapped="catBtn_Clicked"/>
        </StackLayout.GestureRecognizers>
        <Button Clicked="catBtn_Clicked"         WidthRequest="60" 
                        HeightRequest="60" 
                        FontSize="35"
                        CornerRadius="30" HorizontalOptions="Center"
                        BackgroundColor="{StaticResource RedColor}"
                        TextColor="White"
                        Text="{ x:Static local:GrialIconsFont.Calendar }" 
                        FontFamily="{ StaticResource IconsFontFamily }">
    </Button>
        <Label Text="{extensions:Translate Hello}" HorizontalOptions="Center"/>
    </StackLayout>`