Blazor Data Form Example - Column Layout
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.