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.

Use left alignment to ensure that the popup is visually connected to its anchor component.
Avoid any random alignment of the popup to its anchor component because it can be confusing or frustrating for users.



Use right alignment to ensure that the popup is visually connected to its anchor component.
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.

Size the popup container for its content.
Avoid using lengthy option descriptions in a small Popup container because the text can get truncated and users will find it difficult to read.