PopupContainer Class

The PopupContainer can be added in a xaml container to define the location of the Popup in the visual tree & set its properties through bindings.

Syntax

Visual Basic
C#

'Declaration
 
<ContentPropertyAttribute("Content")>
Public Class PopupContainer 
   Inherits Microsoft.Maui.Controls.TemplatedView
   Implements Microsoft.Maui.Controls.IAnimatable, Microsoft.Maui.Controls.IEffectControlProvider, Microsoft.Maui.Controls.IElementController, Microsoft.Maui.Controls.IGestureRecognizers, Microsoft.Maui.Controls.ILayout, Microsoft.Maui.Controls.ILayoutController, Microsoft.Maui.Controls.Internals.IGestureController, Microsoft.Maui.Controls.IViewController, Microsoft.Maui.Controls.IVisualElementController, Microsoft.Maui.HotReload.IHotReloadableView, Microsoft.Maui.IContentView, Microsoft.Maui.IContextFlyoutElement, Microsoft.Maui.ICrossPlatformLayout, Microsoft.Maui.IElement, Microsoft.Maui.IPadding, Microsoft.Maui.IPropertyMapperView, Microsoft.Maui.IReplaceableView, Microsoft.Maui.IToolTipElement, Microsoft.Maui.ITransform, Microsoft.Maui.IView, Microsoft.Maui.IVisualTreeElement

'Usage
 
Dim instance As PopupContainer

[ContentProperty("Content")]
public class PopupContainer : Microsoft.Maui.Controls.TemplatedView, Microsoft.Maui.Controls.IAnimatable, Microsoft.Maui.Controls.IEffectControlProvider, Microsoft.Maui.Controls.IElementController, Microsoft.Maui.Controls.IGestureRecognizers, Microsoft.Maui.Controls.ILayout, Microsoft.Maui.Controls.ILayoutController, Microsoft.Maui.Controls.Internals.IGestureController, Microsoft.Maui.Controls.IViewController, Microsoft.Maui.Controls.IVisualElementController, Microsoft.Maui.HotReload.IHotReloadableView, Microsoft.Maui.IContentView, Microsoft.Maui.IContextFlyoutElement, Microsoft.Maui.ICrossPlatformLayout, Microsoft.Maui.IElement, Microsoft.Maui.IPadding, Microsoft.Maui.IPropertyMapperView, Microsoft.Maui.IReplaceableView, Microsoft.Maui.IToolTipElement, Microsoft.Maui.ITransform, Microsoft.Maui.IView, Microsoft.Maui.IVisualTreeElement

Remarks

The PopupContainer internaly creates a Popup.

Example

In the following example, a ToggleButton & a PopupContainer coexist in the visual tree. The PopupContainer is anchored to the ToggleButton, using the ToggleButton's bottom left side as the anchor point. The Popup created by the PopupContainer has an orange Background & contains a Label. This Popup opens when the ToggleButton becomes in its Checked state.

Visually, the following code would display this Control:

XAML

<xctk:ToggleButton x:Name="_toggleButton"
                   Content="TEST"
                   WidthRequest="300"/>
<xctk:PopupContainer Anchor="{Binding ., Source={x:Reference _toggleButton}}"
                     HorizontalOptions="Start"
                     VerticalOptions="End"
                     IsModal="False"
                     IsOpen="{Binding IsChecked, Source={x:Reference _toggleButton}}">
  <xctk:Border Background="Orange"
               BorderBrush="Black"
               BorderThickness="4"
               CornerRadius="8">
    <Label Text="My PopupContainer"
           Margin="20"/>
  </xctk:Border>
</xctk:PopupContainer>

Inheritance Hierarchy

System.Object
   Microsoft.Maui.Controls.BindableObject
      Microsoft.Maui.Controls.Element
         Microsoft.Maui.Controls.NavigableElement
            Microsoft.Maui.Controls.VisualElement
               Microsoft.Maui.Controls.View
                  Microsoft.Maui.Controls.Compatibility.Layout
                     Microsoft.Maui.Controls.TemplatedView
                        Xceed.Maui.Toolkit.PopupContainer

Requirements

Target Platforms: Windows 11, Windows 10, Windows 7, Windows Vista SP1 or later, Windows XP SP3, Windows Server 2008 (Server Core not supported), Windows Server 2008 R2 (Server Core supported with SP1 or later), Windows Server 2003 SP2

Reference

PopupContainer Members
Xceed.Maui.Toolkit Namespace