This example demonstrates how to use the DxFormLayout component to implement collapsible groups.
Use the Expanded property to change the expand state and handle the ExpandedChanged event to react to state changes. To allow users to expand and collapse groups from the UI, specify the ExpandButtonDisplayMode property. You can also specify the ExpandButtonCssClass and CollapseButtonCssClass properties to apply custom icons to the expand button.
In this example, a user can expand and collapse groups to enter editor values by section. If validation fails on the Submit button click, the Form Layout component opens all groups.