React Form - colCountByScreen

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

Selector: ColCountByScreen
Type:

Object

Default Value: undefined

The following code sample illustrates how to set this property:

App.js
  • import React from 'react';
  • import Form, { ColCountByScreen } from 'devextreme-react/form';
  •  
  • const App = () => {
  • return (
  • <Form ...>
  • <ColCountByScreen xs={2} />
  • </Form>
  • );
  • };
  •  
  • export default App;

View Demo

lg

The count of columns for a large screen size.

Type:

Number

| undefined
Default Value: undefined

md

The count of columns for a middle-sized screen.

Type:

Number

| undefined
Default Value: undefined

sm

The count of columns for a small-sized screen.

Type:

Number

| undefined
Default Value: undefined

xs

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

Type:

Number

| undefined
Default Value: undefined