Add an Empty Space
If you need to add an empty space between neighboring items, use an empty item. To create it, assign "empty" to the itemType option. To define how many columns the empty item must span, specify the colSpan option. For the full list of available options, visit the Empty Item section.
jQuery
JavaScript
$(function() { $("#formContainer").dxForm({ formData: { firstName: "John", lastName: "Heart", position: "CEO" }, colCount: 2, items: [{ itemType: "empty" }, "firstName", { itemType: "empty", colSpan: 2 }, "lastName", "position"] }); });
Angular
HTML
TypeScript
<dx-form [(formData)]="employee" [colCount]="2"> <dxi-item itemType="empty"></dxi-item> <dxi-item dataField="firstName"></dxi-item> <dxi-item itemType="empty" [colSpan]="2"></dxi-item> <dxi-item dataField="lastName"></dxi-item> <dxi-item dataField="position"></dxi-item> </dx-form>
import { DxFormModule } from "devextreme-angular"; // ... export class AppComponent { employee = { firstName: "John", lastName: "Heart", position: "CEO" } } @NgModule({ imports: [ // ... DxFormModule ], // ... })
See Also
Feel free to share demo-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you!
We appreciate your feedback.
We appreciate your feedback.