Back to all docs
API Reference / Telerik.Blazor.Components / TelerikPopover
New to Telerik UI for Blazor? Start a free 30-day trial

TelerikPopover

Class

A contextual popover that shows header, body, and optional action buttons next to an anchor element. Target via AnchorSelector, position with Position, offset using Offset, and collision handling through Collision. Configure callout visibility with ShowCallout, trigger behavior via ShowOn, size using Width/Height, and animations through AnimationType/AnimationDuration. Content slots: PopoverHeader, PopoverContent, PopoverActions (layout via ActionsLayout). Programmatic API: Show(), Hide(), Refresh(). Children: PopoverActions, PopoverHeader, PopoverContent.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:
C#
public class TelerikPopover : BaseComponent, IComponent, IHandleEvent, IHandleAfterRender, IDisposable

Inheritance: objectComponentBaseBaseComponentTelerikPopover

Implements: IComponentIDisposableIHandleAfterRenderIHandleEvent

Inherited Members BaseComponent.ShouldRender()BaseComponent.OnInitializedAsync()BaseComponent.InitLocalizer()BaseComponent.ThrowIfParameterIsNull(object, string)BaseComponent.HaveOptionsChanged(IDictionary<string, object>, IDictionary<string, object>)BaseComponent.GetClassString(params string[])BaseComponent.InvokeAsync<T>(string, params object[])BaseComponent.InvokeAsync<T>(string, CancellationToken, params object[])BaseComponent.InvokeVoidAsync(string, params object[])BaseComponent.InvokeVoidAsyncWithoutAwait(string, params object[])BaseComponent.InvokeComponentMethodAsync<T>(string, params object[])BaseComponent.InvokeComponentMethodAsync<T>(string, CancellationToken, params object[])BaseComponent.InvokeVoidComponentMethodAsync(string, params object[])BaseComponent.InvokeComponentVoidMethodAsync(string, object)BaseComponent.InvokeDisposeAsync()BaseComponent.StateHasChanged()BaseComponent.RootComponentBaseComponent.ClassComponentBase.OnInitialized()ComponentBase.OnParametersSet()ComponentBase.OnParametersSetAsync()ComponentBase.OnAfterRender(bool)ComponentBase.InvokeAsync(Action)ComponentBase.InvokeAsync(Func<Task>)ComponentBase.DispatchExceptionAsync(Exception)...

Constructors

TelerikPopover()

C#
public TelerikPopover()

Methods

BuildRenderTree(RenderTreeBuilder)

C#
protected override void BuildRenderTree(RenderTreeBuilder __builder)
Parameters:__builderRenderTreeBuilder

Overrides: ComponentBase.BuildRenderTree(RenderTreeBuilder)

Dispose()

C#
public override void Dispose()

Overrides: BaseComponent.Dispose()

Hide()

Closes the popup.

C#
public void Hide()

OnAfterRenderAsync(bool)

C#
protected override Task OnAfterRenderAsync(bool firstRender)
Parameters:firstRenderboolReturns:

Task

Overrides: BaseComponent.OnAfterRenderAsync(bool)

Refresh()

Refreshes the popup element and its position.

C#
public void Refresh()

SetParametersAsync(ParameterView)

C#
public override Task SetParametersAsync(ParameterView parameters)
Parameters:parametersParameterViewReturns:

Task

Overrides: ComponentBase.SetParametersAsync(ParameterView)

Show()

Opens the popup.

C#
public void Show()

Properties

ActionsLayout

Defines the layout of the actions button in the footer. Default value is Stretch. The possible options are Stretch, Start, End, Center.

C#
[Parameter]
public PopoverActionsLayoutAlign ActionsLayout { get; set; }

AnchorSelector

Specifies the selector of the element that will be used as an anchor. The popover will open next to that element.

C#
[Parameter]
public string AnchorSelector { get; set; }

AnimationDuration

The duration of the open/close animation in milliseconds.

C#
[Parameter]
public int AnimationDuration { get; set; }

AnimationType

The effect to use for playing the open/close animation.

C#
[Parameter]
public AnimationType AnimationType { get; set; }

Collision

Specifies the behavior of the Popover when it does not fit in the viewport. Valid values are: Flip - the popover will flip if there is sufficient available space on the opposite side. Fit - the popover will be shifted (moved) until it is fully visible. By default, the Popover flips vertically when there is a collision.

C#
[Parameter]
public PopoverCollision Collision { get; set; }

Height

The height of the popover.

C#
[Parameter]
public string Height { get; set; }

Offset

Specifies the offset value, in pixels, to be added to the popover position, creating a blank space between the popover and the anchor.

C#
[Parameter]
public double Offset { get; set; }

PopoverActions

Container tag for the popover action buttons.

C#
[Parameter]
public RenderFragment PopoverActions { get; set; }

PopoverContent

The body content of the popover.

C#
[Parameter]
public RenderFragment PopoverContent { get; set; }

PopoverHeader

The header content of the popover.

C#
[Parameter]
public RenderFragment PopoverHeader { get; set; }

Position

The position that is relative to the target element at which the Popover will be shown. The supported values are: Top Bottom Left Right The default value is Top.

C#
[Parameter]
public PopoverPosition Position { get; set; }

ShowCallout

Defines whether the Popover callout will be displayed.

C#
[Parameter]
public bool ShowCallout { get; set; }

ShowOn

Define the event that triggers the opening of the popover. The supported values are: Click MouseEnter If the value is set to Click the popover will close when the user clicks outside the popover. If the value is set to MouseEnter the popover will close when the pointer leaves the popover.

C#
[Parameter]
public PopoverShowOn? ShowOn { get; set; }

Width

The widht of the popover.

C#
[Parameter]
public string Width { get; set; }
In this article
DefinitionConstructorsTelerikPopover()MethodsBuildRenderTree(RenderTreeBuilder)Dispose()Hide()OnAfterRenderAsync(bool)Refresh()SetParametersAsync(ParameterView)Show()PropertiesActionsLayoutAnchorSelectorAnimationDurationAnimationTypeCollisionHeightOffsetPopoverActionsPopoverContentPopoverHeaderPositionShowCalloutShowOnWidth
Not finding the help you need?
Contact Support