Vue Common - Object Structures - positionConfig - at

The target element position that the widget is positioned against.

Type:

String

|

Object

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

The at 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: { at: 'left bottom' };

When using a widget as an ASP.NET MVC 5 Control or a DevExtreme-Based ASP.NET Core Control, specify this option using the HorizontalAlignment and VerticalAlignment enums in the following manner.

Razor C#
Razor VB
@(Html.DevExtreme().WidgetName()
    .Position(p => p
        .At(HorizontalAlignment.Right, VerticalAlignment.Bottom)
    )
)
@(Html.DevExtreme().WidgetName() _
    .Position(Sub(p)
        p.At(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'