CODEWITHSUNDEEP
c#.netwpfxamlmahapps.metro
mskuratowski
mskuratowski

Reputation: 4124

Show/hide Mahapps Flyout control

How can I show/hide MahApps Flyout control? Now I have:

<controls:FlyoutsControl>
    <controls:Flyout Header="Flyout" Position="Right" Width="200" IsOpen="True">
        <TextBlock FontSize="24">Hello World</TextBlock>
    </controls:Flyout>
</controls:FlyoutsControl>

And it's open, but when I click the button with arrow I can't show it again.

Upvotes: 27

Views: 20367

Answers (1)

Hossein Narimani Rad
Hossein Narimani Rad

Reputation: 32481

You can simply use something like this:

yourMahAppFlyout.IsOpen = true;

Also you can bind the Flyout visibility to a WindowCommand (LeftWindowCommand/RightWindowCommand) so whenever you close the Flyout you can reopen using a ToggleButton (for example) from the top of the window.

<Controls:MetroWindow.Flyouts>
    <Controls:FlyoutsControl>
        <Controls:Flyout x:Name="yourMahAppFlyout"/>
    </Controls:FlyoutsControl>
</Controls:MetroWindow.Flyouts>

<Controls:MetroWindow.RightWindowCommands>
    <Controls:WindowCommands>
        <ToggleButton Content="Layers" 
        IsChecked="{Binding ElementName=yourMahAppFlyout, Path=IsOpen}" Cursor="Hand"/>               
    </Controls:WindowCommands>
</Controls:MetroWindow.RightWindowCommands>

Upvotes: 48

Related Questions