Angular Form - colCountByScreen

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

Selector: dxo-col-count-by-screen
Type:

Object

Default Value: undefined

The following code sample illustrates how to set this property:

HTML
TypeScript
  • <dx-form ... >
  • <dxo-col-count-by-screen [xs]="2"></dxo-col-count-by-screen>
  • </dx-form>
  • import { DxFormModule } from "devextreme-angular";
  • // ...
  • export class AppComponent {
  • // ...
  • }
  • @NgModule({
  • imports: [
  • // ...
  • DxFormModule
  • ],
  • // ...
  • })

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