[UWP] Flyout placement RRS feed

  • Question

  • Hi, is there a way to force flyout placement?  Currently, it's "finding" space in either direction, no matter how distasteful it appears.
    Tuesday, May 24, 2016 5:53 AM


  • Hi TaskBasic,

    Windows Store apps only. By default, a Flyout is shown above the element it’s attached to. You can change the flyout’s preferred placement by setting the Placement property to a FlyoutPlacementMode value of Top, Bottom, Left, or Right. The flyout is shown using the preferred placement if there's space for it on the screen. If there isn’t enough space, like when the element is near the edge of the screen, the flyout is placed using this fallback order:”

    For Windows Phone Store apps, a Flyout is shown at the top of the screen by default. You can change the Placement property to FlyoutPlacementMode.Full to make the flyout cover the full screen. The Top, Bottom, Left, and Right values don't have any effect in Windows Phone apps.”

    Please refer to "Quickstart: Adding a Flyout (XAML)"  document for more details.

    Best Regards,

    Xavier Eoro

    We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
    Click HERE to participate the survey.

    • Marked as answer by TaskBasic Wednesday, May 25, 2016 4:16 PM
    Wednesday, May 25, 2016 2:56 AM