Vue
A newer version of this page is available. Switch to the current version.

JavaScript/jQuery Form - colCountByScreen

Specifies dependency between the screen factor and the count of columns in the form layout.

Type:

Object

Default Value: undefined

The following code sample illustrates how to set this property:

JavaScript
  • $(function() {
  • $("#formContainer").dxForm({
  • // ...
  • colCountByScreen: {
  • xs: 2
  • }
  • });
  • });

View Demo

lg

The count of columns for a large screen size.

Type:

Number

Default Value: undefined

md

The count of columns for a middle-sized screen.

Type:

Number

Default Value: undefined

sm

The count of columns for a small-sized screen.

Type:

Number

Default Value: undefined

xs

The count of columns for an extra small-sized screen.

Type:

Number

Default Value: undefined