How to show MenuFlyout in code?

Question

How to show MenuFlyout in code?

Hong 1,351

The MenuFlyout shows up perfectly upon right-clicking the ListView

 <ListView Name="lvDeviceTiles"  
       ItemsSource="{x:Bind listDeviceItems}"  
       DataContext="{x:Bind}"  
       Margin="0">  
     <!--ContextFlyout shows up automatically after right-click-->  
     <ListView.ContextFlyout>  
         <MenuFlyout   
             x:Name="menuFlyoutContext"  
             Opening="menuFlyoutContext_Opening">  
           ...    
         </MenuFlyout>  
     </ListView.ContextFlyout>  
 </ListView>

How can I show it in C# code?
I tried:

FlyoutBase.ShowAttachedFlyout(lvDeviceTiles);  
lvDeviceTiles.ContextFlyout.ShowAt(lvDeviceTiles);  
lvDeviceTiles.ContextFlyout.ShowAt(myButton);

None of them work.

Answer accepted by question author

0 additional answers

Your answer

Answer 1

Anonymous

Hello,

Welcome to Microsoft Q&A!

I have to say that you are in the right direction. To show the MenuFlyout control, you could just call FlyoutBase.ShowAt Method to do that. But please note that MenuFlyout control is derived from FlyoutBase. So you just need to call MenuFlyout.ShowAt method in your scenario.

Like this:

        private void Button_Click(object sender, RoutedEventArgs e)  
        {  
            menuFlyoutContext.ShowAt(lvDeviceTiles);  
        }

Thank you!

Hong 1,351 Reputation points

2020-02-26T12:39:46.61+00:00
Thanks a lot, Roy. It works like a charm. I use the following to show at the clicked button:

menuFlyoutContext.ShowAt((sender as Button));

Share via

How to show MenuFlyout in code?

0 additional answers

Your answer