jQuery Form - GroupItem.colCountByScreen
Specifies the relation between the screen size qualifier and the number of columns in the grouped layout.
Type:
Default Value: undefined
jQuery
JavaScript
$(function() { $("#formContainer").dxForm({ // ... items: [{ itemType: "group", items: [ ... ], colCountByScreen: { xs: 2, sm: 3 } }, // ... ] }); });
Angular
app.component.html
app.module.ts
<dx-form ... > <dxi-item itemType="group"> <dxo-col-count-by-screen [xs]="2" [sm]="3"> </dxo-col-count-by-screen> <dxi-item ... ></dxi-item> </dxi-item> </dx-form>
import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { AppComponent } from './app.component'; import { DxFormModule } from 'devextreme-angular'; @NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, DxFormModule ], bootstrap: [AppComponent] }) export class AppModule { }
Feedback