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

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

// 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)