Popover

Version: 9.0

The Popover control is a container control that offers functionality similar to the Tooltip control, but with some more advanced possibilities:

  • It has a placeholder called Content. You can place any content in this placeholder.

  • You can specify whether it expands and shows content in response to a hover event or a click event.

  • It automatically expands to a size that accommodates all the content it contains.

The control has these important properties that you use to specify its behavior:

  • Placement: specify how the control places content when it expands. The default is auto. This means that the control finds a placement that allows it to fit all content on the screen. The other options are top, left, right, and bottom. When you specify one of these options, the Popover control places the content accordingly. However, there are situations where this means that it cannot fit all the content. You can use the last set of options to avoid this situation: top auto, left auto, right auto, and bottom auto. The Popover control tries to place the content as you specify. If the content does not fit, it uses auto instead.

  • TargetControl: specify the ID of the control that triggers the Popover control to either open or close.

  • Trigger: specify the user interaction that triggers the Popover control. You can specify click (default) or hover.

Properties

Name

Description

Default Value

Behavior

Placement

Specify where the contained content appears

auto

TargetControl

Specify the ID of the control that triggers the Popover control

Trigger

Specify the type of event that triggers the popover

click

Do you have some feedback for us?

If you have suggestions for improving this article,