Angular Common - Object Structures - positionConfig - my

Specifies the overlay element's side or corner to align with a target element.

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 overlay element's horizontal and vertical sides, respectively. Alternatively, you can use a string shortcut from the accepted values list.

app.component.html
  • <dx-popup ... >
  • <dxo-position ...
  • my="left top">
  • <!-- or -->
  • <dxo-my x="left" y="top"></dxo-my>
  • </dxo-position>
  • </dx-popup>

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'