Angular Common - Object Structures - positionConfig - boundaryOffset

Specifies the offset of boundaries from the boundary element.

Type:

String

|

Object

The offset is specified in pixels. To set this property, use an object with the x and y fields. These fields specify horizontal and vertical offsets, respectively. Alternatively, you can use a string value that indicates the offsets separated by a whitespace character. A positive offset narrows the boundaries; a negative offset widens the boundaries.

In the following code, left and right boundaries are narrowed (x is 50), but top and bottom boundaries are widened (y is -50).

app.component.html
  • <dx-popup ... >
  • <dxo-position ...
  • boundaryOffset="50 -50">
  • <!-- or -->
  • <dxo-boundary-offset [x]="50" [y]="-50"></dxo-boundary-offset>
  • </dxo-position>
  • </dx-popup>

x

Specifies a horizontal offset.

Type:

Number

Default Value: 0

y

Specifies a vertical offset.

Type:

Number

Default Value: 0