Angular Common - Object Structures - positionConfig - my

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

To set this property, 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).

y

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