Make a flyout permanently visible till "x"-button is clicked

leoX
Topic Author
Offline
New Member

IP: 80.87.117.26 7 years 7 months ago - 7 years 7 months ago #14023 by leoX

Make a flyout permanently visible till "x"-button is clicked was created by leoX

Hello.
So I created a new button in PDFReaderPage.xaml:

Code:

<Button x:Name="flyout" Style="{StaticResource AppBarButtonStyle}" Tapped="OnOptionItemTapped">
                    <Image Source="Assets/images/icon_menu.png"/>
                </Button>

And I gave the button a function in PDFReaderPage.xaml.cs:

Code:

else if (name.Equals("flyout"))
            {
                Flyout flyout = new Flyout();

                flyout.ShowAt(searchBtn);
            }

I was wondering if it is possible to put another button small "x" in the flyout box. When "x" is clicked the flyout-box should disappear.

Also the flyout-box disappears when I scroll in a PDF-Document. Is it possible to Change it so the flyout-box does not disappear? The only time it should disappear is when the small "x" button is pressed.

Last edit: 7 years 7 months ago by leoX.

nermeen
Offline
Platinum Member

IP: 37.183.44.177 7 years 7 months ago #14025 by nermeen

Replied by nermeen on topic Make a flyout permanently visible till "x"-button is clicked

Hello,

This is not a library related question, it's related to a Windows UI control.

Flyouts can be closed with a quick light dismiss action, including:

Tap outside the flyout
Press the Escape keyboard key
Press the hardware or software system Back button
Press the gamepad B button

So that's why when you scroll it disappears, maybe you need to use a dialog instead.
For the "x" button question check docs.microsoft.com/en-us/windows/uwp/des...-and-flyouts/flyouts

Time to create page: 0.385 seconds