RadzenPopup Class
A component that displays its child content in a floating overlay anchored to a target element. Supports smart positioning, optional width syncing with the target, lazy rendering, and close-on-outside-click behavior.
Inheritance
Implements
IComponent
IHandleEvent
IHandleAfterRender
Inherited Members
RadzenComponent.GetComponentCssClass
RadzenComponent.SetParametersAsync
RadzenComponent.OnAfterRenderAsync
RadzenComponent.RaiseContextMenu
RadzenComponent.RaiseMouseEnter
RadzenComponent.AddContextMenu
RadzenComponent.RaiseMouseLeave
RadzenComponent.OnBecameInvisible
RadzenComponent.DefaultCulture
RadzenComponent.DefaultUICulture
RadzenComponent.IsJSRuntimeAvailable
ComponentBase.OnInitializedAsync
ComponentBase.OnParametersSet
ComponentBase.OnParametersSetAsync
ComponentBase.StateHasChanged
ComponentBase.ShouldRender
ComponentBase.OnAfterRender
ComponentBase.InvokeAsync
ComponentBase.DispatchExceptionAsync
ComponentBase.RendererInfo
ComponentBase.Assets
ComponentBase.AssignedRenderMode
Namespace: Radzen.Blazor
Assembly: Radzen.Blazor.dll
Syntax
public class RadzenPopup : RadzenComponent, IComponent, IHandleEvent, IHandleAfterRenderExamples
Toggle a popup relative to a button:
<RadzenButton Text="Open" Click="@(args => popup.ToggleAsync(button.Element))" @ref="button" />
<RadzenPopup @ref="popup" Lazy="true">
Popup content
</RadzenPopup>
@code {
RadzenButton button;
RadzenPopup popup;
}Constructors
RadzenPopuplink
A component that displays its child content in a floating overlay anchored to a target element. Supports smart positioning, optional width syncing with the target, lazy rendering, and close-on-outside-click behavior.
Declaration
public RadzenPopup()Properties
AutoFocusFirstElementlink
Specifies whether the first element in the popup should be automatically focused.
Declaration
public bool AutoFocusFirstElement { get; set; }Property Value
| Type | Description |
|---|---|
| bool | Specifies whether the first element in the popup should be automatically focused. |
ChildContentlink
Gets or sets the content to be rendered inside the popup.
Declaration
public RenderFragment ChildContent { get; set; }Property Value
| Type | Description |
|---|---|
| RenderFragment | Gets or sets the content to be rendered inside the popup. |
Closelink
Event callback triggered when the popup is closed.
Declaration
public EventCallback Close { get; set; }Property Value
| Type | Description |
|---|---|
| EventCallback | Event callback triggered when the popup is closed. |
CloseOnClickOutsidelink
Specifies whether the popup should close when clicking outside of it.
Declaration
public bool CloseOnClickOutside { get; set; }Property Value
| Type | Description |
|---|---|
| bool | Specifies whether the popup should close when clicking outside of it. |
IsOpenlink
Gets a value indicating whether the popup is currently open.
Declaration
public bool IsOpen { get; }Property Value
| Type | Description |
|---|---|
| bool | Gets a value indicating whether the popup is currently open. |
Lazylink
Determines whether the popup content is rendered only when open.
Declaration
public bool Lazy { get; set; }Property Value
| Type | Description |
|---|---|
| bool | Determines whether the popup content is rendered only when open. |
Openlink
Event callback triggered when the popup is opened.
Declaration
public EventCallback Open { get; set; }Property Value
| Type | Description |
|---|---|
| EventCallback | Event callback triggered when the popup is opened. |
PreventDefaultlink
Specifies whether to prevent the default action on mouse down.
Declaration
public bool PreventDefault { get; set; }Property Value
| Type | Description |
|---|---|
| bool | Specifies whether to prevent the default action on mouse down. |
Methods
BuildRenderTreelink
Declaration
protected override void BuildRenderTree(Rendering.RenderTreeBuilder __builder)Parameters
| Type | Name | Description |
|---|---|---|
| Rendering.RenderTreeBuilder | __builder |
CloseAsynclink
Closes the popup.
Declaration
public Task CloseAsync(ElementReference target)Parameters
| Type | Name | Description |
|---|---|---|
| ElementReference | target |
Returns
| Type | Description |
|---|---|
| Task |
OnCloselink
Invoked from JavaScript to close the popup.
Declaration
public Task OnClose()Returns
| Type | Description |
|---|---|
| Task |
ToggleAsynclink
Toggles the popup open or closed.
Declaration
public Task ToggleAsync(ElementReference target, bool disableSmartPosition, bool syncWidth)Parameters
| Type | Name | Description |
|---|---|---|
| ElementReference | target | The target element reference. |
| bool | disableSmartPosition | Whether to disable smart positioning. |
| bool | syncWidth | Whether to synchronize the width of the popup with the target element. |
Returns
| Type | Description |
|---|---|
| Task |