Data Form / Column Layout

Blazor Data Form Example - Column Layout

Loading Syncfusion Blazor Server Demos…

Invoice Payment

This sample demonstrates the ColumnLayout functionality of the Blazor Data Form component. This layout allows form fields to be organized into multiple columns within the form container, enhancing readability and optimizing space usage for a more user-friendly and visually balanced interface.

The ColumnCount property sets the overall layout of the form, dividing it into a specified number of columns for organizing form fields. Using the ColumnSpan property on form fields adjusts their width within the defined columns, controlling their horizontal layout and alignment in the form.

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE