location

Specifies the item location and size against the widget grid.

Type:

Object

|

Array

If you need to specify different locations for different screen factors, pass an array of objects with the same structure to the location field.

HTML
<div class="header" data-options="dxItem: { 
    location: [
        { row: 0, col: 0, colspan: 3, screen: 'lg'},
        { row: 0, col: 0, colspan: 2, screen: 'xs sm md'}]
}">Header</div>

col

Specifies the column component of the element location.

Type:

Number

colspan

Specifies the width of the element in columns.

Type:

Number

Default Value: undefined

row

Specifies the row component of the element location.

Type:

Number

rowspan

Specifies the height of the element in rows.

Type:

Number

Default Value: undefined

screen

The screen factor or factors by which the current location is applied to the element.

Type:

String

Default Value: undefined