Vue Common - Object Structures - positionConfig - my

The position of the widget to align against the target element.

Type:

String

|

Object

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

The my option can take on an object containing the x and y fields, which specify horizontal and vertical position specifier respectively, or a string value consisting of horizontal and vertical position specifiers separated by a space (e.g., "left top"). The default value for each position specifier is "center". If you assign the "left" value to this option, it will be converted to the "left center" value.

JavaScript
position: { my: 'left' };

When using a widget as an ASP.NET MVC Control, specify this option using the HorizontalAlignment and VerticalAlignment enums in the following manner.

Razor C#
Razor VB
@(Html.DevExtreme().WidgetName()
    .Position(p => p
        .My(HorizontalAlignment.Right, VerticalAlignment.Bottom)
    )
)
@(Html.DevExtreme().WidgetName() _
    .Position(Sub(p)
        p.My(HorizontalAlignment.Right, VerticalAlignment.Bottom)
    End Sub)
)

x

Holds the horizontal position specifier.

Type:

String

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

y

Holds the vertical position specifier.

Type:

String

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