Form Layout for Blazor - Tabbed Wizard

This example demonstrates how to use the DxFormLayout component to create a responsive tabbed wizard.

The Form Layout contains several tab groups (DxFormLayoutTabPage component). Each tab group consists of several items with editors. The standard Blazor EditForm component validates user input.

A user can click the Previous and Next buttons to navigate between tabs. If validation fails on the Submit button click, the wizard navigates to the first tab that contains invalid editor values. Use the DxFormLayoutTabPages.ActiveTabIndex property to implement this functionality.

Files to Look At

Index.razor

Documentation

• DxFormLayout
• ActiveTabIndexChanged
• DxFormLayoutTabPages.ActiveTabIndex

Does this example address your development requirements/objectives?

(you will be redirected to DevExpress.com to submit your response)