How to remove the space between the GroupBarItems to fit the content in WPF GroupBar?

This article explains how to remove the space between the GroupBarItems in a WPF GroupBar control.

By setting the FitContent property of the GroupBar control to true, the GroupBarItem's height will be adjusted, and removed the unnecessary space below every GroupBarItem. The followingBelow is a code example demonstratesing how to set the fit content for a GroupBar control between the GroupBarItems.

XAML

<syncfusion:GroupBar Height="300" Width="230" FitContent="True" >
            <syncfusion:GroupBarItem Header="General">
                <syncfusion:GroupView>
                    <syncfusion:GroupViewItem Text="List View"/>
                    <syncfusion:GroupViewItem Text="Show ContextMenu"/>
                    <syncfusion:GroupViewItem Text="Show ToolTip"/>
                </syncfusion:GroupView>
            </syncfusion:GroupBarItem>
            <syncfusion:GroupBarItem Header="Visual Mode">
                <syncfusion:GroupView>
                    <syncfusion:GroupViewItem Text="Default"/>
                    <syncfusion:GroupViewItem Text="Multiple Expansion"/>
                    <syncfusion:GroupViewItem Text="StackMode"/>
                </syncfusion:GroupView>
            </syncfusion:GroupBarItem>
            <syncfusion:GroupBarItem Header="Orientation">
                <syncfusion:GroupView>
                    <syncfusion:GroupViewItem Text="Horizontal"/>
                    <syncfusion:GroupViewItem Text="Vertical"/>
                </syncfusion:GroupView>
            </syncfusion:GroupBarItem>
</syncfusion:GroupBar>

Output:

WPF GroupBar control with FitContent as false.

Figure:1 FitContent as false in GroupBar

WPF GroupBar control with FitContent as true.

Figure:2 FitContent as true in GroupBar

Did you find this information helpful?

Yes

Comments (0)

How to remove the space between the GroupBarItems to fit the content in WPF GroupBar?

Output:

Access denied