Skip to main content
All docs
V26.1
  • Blazor Form Layout

    • 2 minutes to read

    The DevExpress Form Layout component for Blazor (DxFormLayout) allows you to construct responsive and auto-aligned edit forms.

    Run Demo

    Read Tutorial: Explore Features

    Blazor Navigation Landing Form Layout

    API Reference

    Refer to the following list for the component API reference: DxFormLayout Members.

    Features

    Data Binding

    You can use the Form Layout component to display and edit data from an external source. Each item automatically displays a DevExpress data editor appropriate for the target data type, or you can override this behavior and assign a custom editor to a layout item.

    Read Tutorial: Bind to Data

    AI-powered Smart Paste

    The Form Layout component includes an AI-powered Smart Paste extension that simplifies data entry when information is copied from external sources. The extension parses unstructured text (such as email content or free-form notes) and automatically populates matching form fields with extracted values.

    Read Tutorial: AI-powered Smart Paste

    Input Validation

    Add the Form Layout component to Blazor’s standard EditForm to validate user input based on data annotation attributes defined in a model.

    Read Tutorial: Input Validation

    Groups and Tabs

    Combine layout items into collapsible groups (panels) or tabs. Tabs interface supports on-demand content loading and tab scrolling.

    Read Tutorial: Groups

    Adaptivity

    The Form Layout component allows you to adapt its layout to different screen sizes.

    .NET 8 and .NET 9 Static Render Mode Support

    You can use the Form Layout component in static render mode (excluding tabs and collapsible groups).