A2v10 Platform documentation
UK


Popover Element

All text elements

Represents a link that, when clicked (or hovered over), displays a popover window. The popover can contain either plain text or another element, or link to another url.

Inherits: Inline : UIElement : UIElementBase

Content property: Content

Converter: conversion from a string of text and from any element that inherits the UIElement is supported.

Properties

Name Type Description
Content Object Content property. Can be a plain text or any element.
Url String Url for getting content from the server. In this case, the popover will contain its own data model, its own template, and of course the markup itself.
Text String Link text.
Icon Icon Icon for link.
ShowOnHover Boolean Display a prompt not upon click, but upon mouse hover. Not compatible with the external content.
Badge String Text badge on the element. Usually displayed on an icon.
Width Length Popover width.
Placement PopupPlacement Popover position. Possible values:
  • TopRight - (by default) top, expands to the right.
  • TopLeft - top, expands to the left.
  • RightBottom - right, expands downwards.
  • RightTop - right, expands upwards.
  • BottomRight - bottom, expands to the right.
  • BottomLeft - bottom, expands to the left.
  • LeftBottom - left, expands downwards.
  • LeftTop - left, expands upwards.
Underline PopoverUnderlineMode The style of the link underlining upon the mouse hover. Possible values:
  • Enable - (by default) underline.
  • Disable - do not underline.
  • ShowOnHover - underline upon the mouse hover.
Background PopoverBackgroundStyle The popover background color. Possible values (note that specific colors depend on the current UI theme):
  • #fffce9 Default - by default.
  • #fffce9 Yellow - yellow.
  • #edfcfe Cyan - cyan.
  • #f4ffd8 Green - green.
  • #fedbdb Red - red.
  • #e5f1fe Blue - blue.
  • #ffffff White - white.
OffsetX Length The popover horizontal offset. Can be negative.
Basic element properties

Note! If the ShowOnHover property is set, then it makes no sense to place other controls inside the control element. In any case, you will not be able to access them. In fact, as soon as you remove the mouse cursor from the text, the pop-over window will disappear.

In addition, the ShowOnHover property is not compatible with the ability to retrieve the contents of a window from the server (external Url). This is done for performance reasons so as not to access the server with every mouse movement.

Example

XAML

Result

  • Top, expands to the right
  • Top, expands to the left
  • Right, expands downwards
  • Left, expands upwards