Arrange and Align Items

Items can be arranged in a row or in a column depending on the value of the direction option.

JavaScript
$(function() {
    $("#boxContainer").dxBox({
        direction: "row", // or "col"
        height: 200,
        width: 200
    });
});

If the Box items do not occupy the entire Box, you can align them along and crosswise the specified direction. For this purpose, use the align and crossAlign options, respectively.

JavaScript
$(function() {
    $("#boxContainer").dxBox({
        direction: "col",
        height: 200,
        align: "center",
        crossAlign: "stretch"
    });
});
See Also