Class
RadPopup

Represents a popup control that displays content in an overlay above other UI elements. RadPopup provides a flexible way to show temporary content such as menus, tooltips, dialog boxes, or any custom content that should appear above the main application interface.

Key Features:

  • Modal and non-modal presentation modes
  • Flexible positioning with placement modes (Top, Bottom, Left, Right, Center, Relative)
  • Customizable animations (Fade, Zoom, None)
  • Automatic repositioning to stay within screen bounds
  • Support for custom content and data templates
  • Attached property support for easy XAML binding

XAML Usage:

<Button Text="Show Popup">
    <telerik:RadPopup.Popup>
        <telerik:RadPopup Placement="Top">
            <Label Text="Attached Popup" BackgroundColor="Yellow" />
        </telerik:RadPopup>
    </telerik:RadPopup.Popup>
</Button>

Code-Behind Usage:

// Basic popup creation
var popup = new RadPopup
{
    Content = new Label { Text = "Hello from Popup!" },
    PlacementTarget = this.targetElement,
    Placement = PlacementMode.Bottom,
    IsOpen = true
};

// Using attached property in code
RadPopup.SetPopup(this.targetElement, popup);
var attachedPopup = RadPopup.GetPopup(this.targetElement);

Important Properties:

  • IsOpen: Controls popup visibility (supports two-way binding)
  • Content/ContentTemplate: Defines the popup content
  • PlacementTarget: Element to position relative to
  • Placement: Positioning mode (Top, Bottom, Left, Right, Center, Relative)
  • IsModal: Whether popup blocks interaction with underlying content
  • HorizontalOffset/VerticalOffset: Fine-tune positioning
  • AnimationType: Animation style (Fade, Zoom, None)

Definition

Namespace:Telerik.Maui.Controls

Assembly:Telerik.Maui.Controls.dll

Syntax:

cs-api-definition
public class RadPopup : PopupBase

Inheritance: objectPopupBaseRadPopup

Inherited Members PopupBase.IsOpenPropertyPopupBase.ContentPropertyPopupBase.ContentTemplatePropertyPopupBase.PlacementTargetPropertyPopupBase.PlacementPropertyPopupBase.HorizontalOffsetPropertyPopupBase.VerticalOffsetPropertyPopupBase.IsModalPropertyPopupBase.OutsideBackgroundColorPropertyPopupBase.AnimationDurationPropertyPopupBase.AnimationEasingPropertyPopupBase.AnimationTypePropertyPopupBase.IsOpenPopupBase.ContentPopupBase.ContentTemplatePopupBase.PlacementTargetPopupBase.PlacementPopupBase.HorizontalOffsetPopupBase.VerticalOffsetPopupBase.IsModalPopupBase.OutsideBackgroundColorPopupBase.AnimationDurationPopupBase.AnimationEasingPopupBase.AnimationType

Constructors

RadPopup()

Declaration

cs-api-definition
public RadPopup()

Fields

PopupProperty

Identifies the Popup attached property.

Declaration

cs-api-definition
public static readonly BindableProperty PopupProperty

Field Value

BindableProperty

Methods

GetPopup(BindableObject)

Gets the value of the Popup attached property from the specified BindableObject.

Declaration

cs-api-definition
public static RadPopup GetPopup(BindableObject obj)

Parameters

obj

BindableObject

The BindableObject from which to read the property value.

Returns

RadPopup

The RadPopup associated with the specified object.

SetPopup(BindableObject, RadPopup)

Sets the value of the Popup attached property on the specified BindableObject.

Declaration

cs-api-definition
public static void SetPopup(BindableObject obj, RadPopup value)

Parameters

obj

BindableObject

The BindableObject on which to set the property value.

value

RadPopup

The RadPopup to associate with the specified object.