jQuery/JS Common - Object Structures - positionConfig - at

Specifies the target element's side or corner where the overlay element should be positioned.

Type:

String

|

Object

Accepted Values: 'bottom' | 'center' | 'left' | 'left bottom' | 'left top' | 'right' | 'right bottom' | 'right top' | 'top'

To set this option, use an object with the x and y fields. These fields specify the target element's horizontal and vertical sides, respectively. Alternatively, you can use a string shortcut from the accepted values list.

index.js
  • $(function() {
  • $("#popupContainer").dxPopup({
  • // ...
  • position: {
  • // ...
  • at: "left top"
  • // ===== or =====
  • at: { x: "left", y: "top" }
  • }
  • });
  • });

x

Specifies a position in the horizontal direction (for left, right, or center alignment).

Type:

String

Accepted Values: 'center' | 'left' | 'right'

y

Specifies a position in the vertical direction (for top, bottom, or center alignment).

Type:

String

Accepted Values: 'bottom' | 'center' | 'top'