Skip to content

DevExpress-Examples/Form-Layout-for-Blazor-Tabbed-Wizard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Form Layout for Blazor - Tabbed Wizard

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

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