DevExtreme HTML5 Form Layout Adaptive and Full-Featured

DevExtreme HTML5 Form Layout

Multiple Item Types

The DevExtreme HTML5 Form widget is designed to present and edit data stored in an object. This widget allows you to bind each layout item to a specific data field or generate a new data object based upon form field values. The primary elements which comprise the widget are labels, empty items, labeled groups and tabbed items. dxForm can auto-generate labels and 4 types of editors automatically from data.

TextBox
TextBox
NumberBox
NumberBox
DateBox
DateBox
CheckBox
CheckBox

You can initialize 9 additional editor types within dxForm.

SelectBox
SelectBox
Autocomplete
Autocomplete
Slider
Slider
TextArea
TextArea
TagBox
TagBox
RadioGroup
RadioGroup
Switch
Switch
Calendar
Calendar
ColorBox
ColorBox

A Customizable Layout

Because the DevExtreme HTML5 Form widget adapts layout elements based on window size, it’s optimized for use on both mobile devices and on desktops (A single-column layout is generally used for mobile. One or more columns used for desktops).

DevExtreme HTML5 Form Layout Optimized for Mobile

Validation

The dxForm provides validation rules at the editor level and displays customizable text marks within item captions to indicate required/optional fields.

Web Development
High Performance HTML5 JavaScript Widgets
Mobile Development
Optimized HTML5 JavaScript SPA Framework