Flyout behavior

Question

Flyout behavior

Eduardo Gomez 3,651

I was able to make the flyout on desktop to be always opened.

  FlyoutBehavior="{OnIdiom Desktop=Locked,
                           Phone=Flyout}">

this is ok, but if we take a look at this app

User's image

the user has the ability to close it in desktop and if you go to another page, it will remember what the user did.

For example, if I open the pop up, and select an option, the flyout will remain open, because it will remember what I did.

this is my shell vm

ublic partial class AppShellViewModel(IAuthenticationService authenticationService, IAppService appService) : BaseViewModel {

    //This will hold the data of the user that is logged in
    [ObservableProperty]
    public required Models.User user;

    [ObservableProperty]
    bool isFlyoutOpen;

    [RelayCommand]
    async Task SignOut() {

        authenticationService.SignOut();

        await appService.NavigateTo($"//{nameof(LoginPage)}", true);

    }

https://github.com/eduardoagr/DemyAI

If I do this, I needto move push all my content

Anonymous

2023-12-07T05:31:09.55+00:00

the user has the ability to close it in desktop and if you go to another page, it will remember what the user did.

Do you want to add <Expander> to the flyout page? And add controls such as button or other label in the Expander, click the items in the expander, application will open specific page and add a mark to indicate that the current item is selected. Am I right?
Eduardo Gomez 3,651 Reputation points

2023-12-07T17:11:42.6866667+00:00

No what I want, is to replicate something like this

https://reccloud.com/u/vgy0mur

in the application that I demonstrate (Microsoft community toolkit gallery), if the user opens the flyout, and select a page, the flyout will remain open until the user close it.

On my app, currently if the flyout is opened and I select a new page, when I go to that page, the flyout is close.

Is like when the app goes to a new page. it checks the previous state of the flyout.

Also, we have a problem If I open the flyout, we need to push all the content.

Is important to tell you that on mobile works fine.

So, I want to maintain the current behavior on mobile and change it on desktop.
Anonymous

2023-12-11T08:26:25.1733333+00:00

if the user opens the flyout, and select a page, the flyout will remain open until the user close it.

Do you want to keep the flyout page showing excepting click the top-left button? If you want to implement this slider bar, please add a feature request in the MAUI github page.

Also, we have a problem If I open the flyout, we need to push all the content.

Yes, it is by design. But if you lock the flyout page, all the content will appear automatically in the right window.

Your answer

Anonymous

2023-12-07T05:31:09.55+00:00

the user has the ability to close it in desktop and if you go to another page, it will remember what the user did.

Do you want to add <Expander> to the flyout page? And add controls such as button or other label in the Expander, click the items in the expander, application will open specific page and add a mark to indicate that the current item is selected. Am I right?
Eduardo Gomez 3,651 Reputation points

2023-12-07T17:11:42.6866667+00:00

No what I want, is to replicate something like this

https://reccloud.com/u/vgy0mur

in the application that I demonstrate (Microsoft community toolkit gallery), if the user opens the flyout, and select a page, the flyout will remain open until the user close it.

On my app, currently if the flyout is opened and I select a new page, when I go to that page, the flyout is close.

Is like when the app goes to a new page. it checks the previous state of the flyout.

Also, we have a problem If I open the flyout, we need to push all the content.

Is important to tell you that on mobile works fine.

So, I want to maintain the current behavior on mobile and change it on desktop.
Anonymous

2023-12-11T08:26:25.1733333+00:00

if the user opens the flyout, and select a page, the flyout will remain open until the user close it.

Do you want to keep the flyout page showing excepting click the top-left button? If you want to implement this slider bar, please add a feature request in the MAUI github page.

Also, we have a problem If I open the flyout, we need to push all the content.

Yes, it is by design. But if you lock the flyout page, all the content will appear automatically in the right window.

Share via

Flyout behavior

Your answer