UserPopup

Provides an empty popup container that can be attached to other controls.

UserPopups are used to display a popup relative to a target control.

For a full list of properties, methods and events see the API documentation.

Features

Alignment

The UserPopup can be shown anywhere in relation to the popup's target control.

  • TopLeft: The popup is shown above the opener aligned to the left edge.

  • TopCenter: The popup is shown above the opener and horizontally centered.

  • TopRight: The popup is shown above the opener aligned to the right edge.

  • BottomLeft: The popup is shown below the opener aligned to the left edge.

  • BottomCenter: The popup is shown below the opener and horizontally centered.

Popup Alignment - Top and Bottom
  • BottomRight: The popup is shown below the opener aligned to the right edge.

  • LeftTop: The popup is shown to the left of the opener aligned to the top edge.

  • LeftMiddle: The popup is shown to the left of the opener and vertically centered.

Popup Alignment - Left Side
  • LeftBottom: The popup is shown to the left of the opener aligned to the bottom edge.

  • RightTop: The popup is shown to the right of the opener aligned to the top edge.

Popup Alignment - Right Side
  • RightMiddle: The popup is shown to the right of the opener and vertically centered.

  • RightBottom: The popup is shown to the right of the opener aligned to the bottom edge.

Full Customization

The UserPopup is fully customizable. Any kind of control can be added to the container.

UserPopup Customization Example

Advanced

JavaScript Widget

Item
Description

Class name

"wisej.web.UserPopup"

Theme appearance

"userpopup", see Themes.

Child components

"pane" is the container. See JavaScript.

Last updated

Was this helpful?