Blazor Form Layout — Group Enhancements

ASP.NET Team Blog
14 December 2022

The DevExpress Blazor Form Layout control now ships with extended group layout capabilities – including new customization options. 

Expand and Collapse Group Content

With v22.2, you can allow users to expand/collapse groups as requirements dictate. Display the expand button to enable this feature in the UI or use the Expanded property to enable this capability in code. Apply the slide animation effect for smooth content expand\collapse operations.

You can also replace expand and collapse buttons with custom icons.

If you are ready to incorporate collapsible groups into your Blazor application, refer to the following GitHub repository for a sample application:

Customize Group Header

You can now use the HeaderIconCssClass property to add a custom icon within a group header.

If our built-in options do not address your customization needs, you can use one of three templates to customize group captions further:

  • CaptionTemplate customizes the caption (text placeholder region).
  • HeaderContentTemplate customizes the header’s entire client area (retains default header background and expand button).
  • HeaderTemplate customizes the entire header including the background and expand button.

Your Feedback Counts

As always, we highly appreciate your feedback.

Free DevExpress Products - Get Your Copy Today

The following free DevExpress product offers remain available. Should you have any questions about the free offers below, please submit a ticket via the DevExpress Support Center at your convenience. We'll be happy to follow-up.