JavaScript/jQuery Form - Overview

DevExtreme Form is a UI component for data editing with a customizable layout for arranging editors in columns, groups, and tabs. It automatically selects the most suitable editors based on the data type.

In this overview you can find a map of Form elements, information about key features, and what to explore next.

An element map is shown below. Clicking an element navigates to the topic related to this element.

• Automatically Generate Form Fields
  The DevExtreme Form component creates form items from the defined data object. Use the items array to configure each form item.

• Multiple Editor Types Support
  Choose from 18 DevExtreme editors to display Form data.

• Validation
  DevExtreme includes a validation engine that checks edited Form values before they are saved.

• Flexible Layout
  Form can organize items into columns, groups, and tabs.

• Adaptability
  You can specify different Form layouts for different screen widths.

• Getting Started with Form

• API

• Demos