skip navigation
  • Product Bundles

    DevCraft

    All Telerik .NET tools and Kendo UI JavaScript components in one package. Now enhanced with:

    • NEW: Design Kits for Figma
    • Online Training
    • Document Processing Library
    • Embedded Reporting for web and desktop

    Web

    Kendo UI UI for jQuery UI for Angular UI for React UI for Vue UI for Blazor UI for ASP.NET Core UI for ASP.NET MVC UI for ASP.NET AJAX

    Mobile

    UI for .NET MAUI UI for Xamarin

    Document Management

    Telerik Document Processing

    Desktop

    UI for .NET MAUI UI for WinUI UI for WinForms UI for WPF

    Reporting

    Telerik Reporting Telerik Report Server

    Testing & Mocking

    Test Studio Test Studio Dev Edition Telerik JustMock

    CMS

    Sitefinity

    UI/UX Tools

    ThemeBuilder Design System Kit Templates and Building Blocks

    Debugging

    Fiddler Fiddler Everywhere Fiddler Classic FiddlerCap FiddlerCore

    Free Tools

    VB.NET to C# Converter Testing Framework
    View all products
  • Overview
  • Demos
  • Blazor Hybrid
    • What's New
    • Roadmap
    • Release History
  • Support and Learning

    • Support and Learning Hub
    • Blazor Tutorials and Learning
    • First Stepswith Blazor Web Assembly
    • First Steps with Blazor Server
    • First Steps with Blazor Hybrid
    • Accessibility and Security
    • Submit a Ticket
    • FAQs

    Docs & Resources

    • Docs
    • Demos
    • Modernization and Migration
    • Virtual Classroom
    • Forums
    • Videos
    • Blogs

    Productivity and Design Tools

    • REPL for Blazor
    • ThemeBuilder
    • Design System Documentation
    • Figma Kits
    • Visual Studio Extensions
    • Visual Studio Code Extensions
    • Embedded Reporting
  • Pricing
  • Shopping cart
    • Account Overview
    • Your Licenses
    • Downloads
    • Support Center
    • Forum Profile
    • Payment Methods
    • Edit Profile
    • Log out
  • Login
  • Contact Us
  • Try now

Class TelerikPopup

Represents the Telerik UI Popup component.

Inheritance
System.Object
BaseComponent
TelerikPopup
Inherited Members
BaseComponent.ShouldRender()
BaseComponent.OnInitializedAsync()
BaseComponent.OnAfterRenderAsync(Boolean)
BaseComponent.Dispose()
BaseComponent.InitLocalizer()
BaseComponent.ThrowIfParameterIsNull(Object, String)
BaseComponent.HaveOptionsChanged(IDictionary<String, Object>, IDictionary<String, Object>)
BaseComponent.GetClassString(String[])
BaseComponent.InvokeAsync<T>(String, Object[])
BaseComponent.InvokeAsync<T>(String, CancellationToken, Object[])
BaseComponent.InvokeVoidAsync(String, Object[])
BaseComponent.InvokeComponentMethodAsync<T>(String, Object[])
BaseComponent.InvokeComponentMethodAsync<T>(String, CancellationToken, Object[])
BaseComponent.InvokeVoidComponentMethodAsync(String, Object[])
BaseComponent.InvokeComponentVoidMethodAsync(String, Object)
BaseComponent.InvokeDisposeAsync()
BaseComponent.StateHasChanged()
BaseComponent.RootComponent
BaseComponent.Class
Namespace: Telerik.Blazor.Components
Assembly: Telerik.Blazor.dll

Syntax

public class TelerikPopup : BaseComponent, IDisposable

Constructors

TelerikPopup()

Declaration
public TelerikPopup()

Properties

AnchorHorizontalAlign

In combination with AnchorVerticalAlign, this specifies the point on the anchor to which the popup element should be attached. The available X options are: Left Center Right By default the point to which the popup element is attached is the bottom-left corner of the anchor.

Declaration
public PopupAnchorHorizontalAlign AnchorHorizontalAlign { get; set; }
Property Value
PopupAnchorHorizontalAlign

AnchorSelector

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

Declaration
public string AnchorSelector { get; set; }
Property Value
System.String

AnchorVerticalAlign

In combination with AnchorHorizontalAlign, this specifies the point on the anchor to which the popup element should be attached. The available Y options are: Bottom Center Top By default the point to which the popup element is attached is the bottom-left corner of the anchor.

Declaration
public PopupAnchorVerticalAlign AnchorVerticalAlign { get; set; }
Property Value
PopupAnchorVerticalAlign

AnimationDuration

The duration of the open/close animation in milliseconds.

Declaration
public int AnimationDuration { get; set; }
Property Value
System.Int32

AnimationType

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

Declaration
public AnimationType AnimationType { get; set; }
Property Value
AnimationType

ChildContent

The Popup Component content.

Declaration
public RenderFragment ChildContent { get; set; }
Property Value
Microsoft.AspNetCore.Components.RenderFragment

Height

The height of the popup.

Declaration
public string Height { get; set; }
Property Value
System.String

HorizontalAlign

In combination with VerticalAlign specifies which point of the popup element to attach to the anchor's origin point. The available X options are: Left Center Right. By default, the attached point is the top-left corner of the popup element.

Declaration
public PopupHorizontalAlign HorizontalAlign { get; set; }
Property Value
PopupHorizontalAlign

HorizontalCollision

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

Declaration
public PopupCollision HorizontalCollision { get; set; }
Property Value
PopupCollision

HorizontalOffset

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

Declaration
public double HorizontalOffset { get; set; }
Property Value
System.Double

VerticalAlign

In combination with HorizontalAlign specifies which point of the popup element to attach to the anchor's origin point. The available Y options are: Bottom Center Top By default, the attached point is the top-left corner of the popup element.

Declaration
public PopupVerticalAlign VerticalAlign { get; set; }
Property Value
PopupVerticalAlign

VerticalCollision

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

Declaration
public PopupCollision VerticalCollision { get; set; }
Property Value
PopupCollision

VerticalOffset

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

Declaration
public double VerticalOffset { get; set; }
Property Value
System.Double

Width

The width of the popup.

Declaration
public string Width { get; set; }
Property Value
System.String

Methods

BuildRenderTree(RenderTreeBuilder)

Declaration
protected override void BuildRenderTree(RenderTreeBuilder __builder)
Parameters
Microsoft.AspNetCore.Components.Rendering.RenderTreeBuilder __builder

Hide()

Closes the popup.

Declaration
public void Hide()

Refresh()

Refreshes the popup element and its position.

Declaration
public void Refresh()

Show()

Opens the popup.

Declaration
public void Show()
Getting Started
  • Client-side Blazor
  • Server-side Blazor
  • Demos
Community
  • Forums
  • Blogs
  • Feedback Portal
Support Resources
  • Demos
  • Knowledge Base
  • Samples Repo
  • Localizations Repo
Sample Applications
  • Dashboard
  • PWA - Stocks
  • PWA - Blazing Coffee Roasters

Copyright © 2019 Progress Software Corporation and/or its subsidiaries or affiliates.
All Rights Reserved.

Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See Trademarks for appropriate markings.