Skip to main content

UserPopup

WATCH & LEARN0:48 · Animated tutorial
7 scenesPlay, pause, or scrub at your own pace

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

tip

Show the popup by calling the ShowPopup method with a target control.

info

For a complete 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​

ItemDescription
Class name"wisej.web.UserPopup"
Theme appearance"userpopup", see Themes.
Child components"pane" is the container. See JavaScript.
Source codehttps://github.com/iceteagroup/wisej-js