#893 – Creating a GroupBox with a Border But No Header

There are cases where you might want a GroupBox for grouping a set of child controls, but without the associated header text.  If you try just omitting the Header, but you’ll see a little gap at the top of the GroupBox.

893-001

To remove the gap you could just use a Border element instead of a GroupBox, changing its style to match the GroupBox.  You can also edit the default style of the GroupBox.

To edit the style of the GroupBox, start by right-clicking the GroupBox control in Visual Studio and select Edit TemplateEdit a Copy.

893-002

Accept the default name for the style.

893-003

Within the Style element, find the OpacityMask, near the bottom, and comment it out.

894-004

Note that your GroupBox element is now using your modified copy of the style.

    <GroupBox Margin="10" BorderBrush="DarkGray"
              Style="{DynamicResource GroupBoxStyle1}">

The GroupBox will no longer have the little gap where the header should go.
893-005

About Sean
Software developer in the Twin Cities area, passionate about software development and sailing.

2 Responses to #893 – Creating a GroupBox with a Border But No Header

  1. Pingback: Dew Drop – August 27, 2013 (#1,612) | Alvin Ashcraft's Morning Dew

  2. bruno says:

    not workking for me… my code has no borderOpacticy or MutiBinding and it stills with that blank gap. could you please help me?

Leave a comment