JavaScript/jQuery Box - Arrange and Align Items

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

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 properties, respectively.

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