Popup

Popups show their content next to a specific anchor component upon user interaction.

Usage Guidelines

The Telerik and Kendo UI Popup requires you to follow some basic principles when using the component.

Alignment

The rules for aligning the Popup component with its anchor component can vary depending on the specific use case and design considerations. Generally, the Popup component should be either left or right aligned with the anchor component to ensure visual unity.

A Telerik and Kendo UI SplitButton aligned with the Popup container to the left.
Use left alignment to ensure that the popup is visually connected to its anchor component.
A Telerik and Kendo UI SplitButton aligned with the Popup container randomly and shifting left.
Avoid any random alignment of the popup to its anchor component because it can be confusing or frustrating for users.



A Telerik and Kendo UI SplitButton aligned with the Popup container to the right.
Use right alignment to ensure that the popup is visually connected to its anchor component.
A Telerik and Kendo UI SplitButton aligned with the Popup container randomly and shifting right.
Avoid any random alignment of the popup to its anchor component, because it can be confusing or frustrating for users.

Content size

Consider the size of the Popup container so the content fits within the component.

A correctly sized Telerik and Kendo UI Popup component.
Size the popup container for its content.
An incorrectly sized Telerik and Kendo UI Popup component.
Avoid using lengthy option descriptions in a small Popup container because the text can get truncated and users will find it difficult to read.
Feedback