Class
DropdownPopupSettings

Configures advanced popup behavior for dropdown components including dimensions, animations, and styling. Provides fine-grained control over how the dropdown popup appears, animates, and positions itself relative to the input element.

Definition

Namespace:Telerik.Blazor.Components.Common.Dropdowns

Assembly:Telerik.Blazor.dll

Syntax:

cs-api-definition
public class DropdownPopupSettings : ComponentBase, IComponent, IHandleEvent, IHandleAfterRender, IDisposable

Inheritance: objectComponentBaseDropdownPopupSettings

Derived Classes: AutoCompletePopupSettingsComboBoxPopupSettingsDropDownButtonBasePopupSettingsDropDownListPopupSettingsMultiSelectPopupSettings

Implements: IComponentIDisposableIHandleAfterRenderIHandleEvent

Inherited Members ComponentBase.BuildRenderTree(RenderTreeBuilder)ComponentBase.OnInitializedAsync()ComponentBase.OnParametersSet()ComponentBase.OnParametersSetAsync()ComponentBase.StateHasChanged()ComponentBase.ShouldRender()ComponentBase.OnAfterRender(bool)ComponentBase.OnAfterRenderAsync(bool)ComponentBase.InvokeAsync(Action)ComponentBase.InvokeAsync(Func<Task>)ComponentBase.DispatchExceptionAsync(Exception)ComponentBase.SetParametersAsync(ParameterView)

Constructors

DropdownPopupSettings()

Declaration

cs-api-definition
public DropdownPopupSettings()

Properties

AnimationDuration

Controls the duration in milliseconds for popup opening and closing animations. Shorter values (100-200ms) provide snappy, responsive interactions suitable for frequent use. Longer values (400-600ms) create smoother, more elegant animations but may feel slower in rapid interactions. Set to 0 to disable animations entirely for maximum performance or accessibility requirements. Default 300ms provides a good balance of smoothness and responsiveness for most applications.

Declaration

cs-api-definition
[Parameter]
public int AnimationDuration { get; set; }

Property Value

int

Class

Applies custom CSS classes to the dropdown popup for styling and theming customization. Use to match your application's design system, add custom borders, shadows, or background colors. Example: "custom-dropdown-popup", "elevated-shadow", "branded-border". Classes are applied to the popup container and affect the entire dropdown list appearance.

Declaration

cs-api-definition
[Parameter]
public string Class { get; set; }

Property Value

string

Height

Sets the popup height using CSS units to control how many items are visible without scrolling. Examples: "200px", "15rem", "50vh". Default is "200px" which typically shows 6-8 standard items. Increase for datasets where users frequently need to see more options at once. Decrease for compact interfaces or when screen real estate is limited. Essential for enabling scrolling when item count exceeds the visible area.

Declaration

cs-api-definition
[Parameter]
public virtual string Height { get; set; }

Property Value

string

MaxHeight

Sets the maximum height the popup can grow to, preventing it from overwhelming the viewport or page layout. Ensures scrolling is enabled when content exceeds this limit, maintaining consistent user experience. Examples: "400px", "50vh", "30rem". Use "50vh" to limit popup to half the viewport height for responsive designs. Essential for large datasets to prevent popups from extending beyond visible screen area.

Declaration

cs-api-definition
[Parameter]
public string MaxHeight { get; set; }

Property Value

string

MaxWidth

Sets the maximum width the popup can grow to, maintaining layout consistency and preventing viewport overflow. Ensures the popup doesn't become excessively wide when items contain long text or when using flexible width settings. Examples: "500px", "80vw", "30rem". Use viewport units for responsive designs that adapt to screen size. Important for maintaining readability and preventing horizontal scrolling in narrow viewports.

Declaration

cs-api-definition
[Parameter]
public string MaxWidth { get; set; }

Property Value

string

MinHeight

Sets the minimum height the popup can shrink to, ensuring adequate space for essential content. Prevents the popup from becoming too small when there are few items or when viewport space is constrained. Examples: "100px", "5rem". Use to maintain usability when dealing with dynamic content or responsive layouts. Particularly useful when combining with MaxHeight for flexible popup sizing.

Declaration

cs-api-definition
[Parameter]
public string MinHeight { get; set; }

Property Value

string

MinWidth

Sets the minimum width the popup can shrink to, ensuring readability and usability of dropdown content. Prevents the popup from becoming too narrow when the input element is small or when content varies significantly. Examples: "150px", "10rem". Use to maintain proper text readability and touch target sizes. Helpful when the dropdown input is narrow but items need more space to display properly.

Declaration

cs-api-definition
[Parameter]
public string MinWidth { get; set; }

Property Value

string

Width

Sets the popup width using CSS units to control how much horizontal space the dropdown list occupies. Examples: "300px", "20rem", "100%", "auto", "min-content". When not specified, the popup automatically matches the width of the dropdown input element. Use specific values for consistent layouts or "auto" to fit content when items vary significantly in length.

Declaration

cs-api-definition
[Parameter]
public string Width { get; set; }

Property Value

string

Methods

Dispose()

Declaration

cs-api-definition
public void Dispose()

Implements IDisposable.Dispose()

OnInitialized()

Declaration

cs-api-definition
protected override void OnInitialized()

Overrides ComponentBase.OnInitialized()