docs/tutorials/groupbox

[giscus[bot]]

docs/tutorials/groupbox

While Avalonia doesn't include a built-in GroupBox control, you can achieve the same functionality and appearance using a HeaderedContentControl with custom styling. The HeaderedContentControl provides a header area and content region, making it perfect for grouping related interface elements.

https://docs.avaloniaui.net/docs/tutorials/groupbox

[mrj001]

In the example, the visual does not match the given XAML.

The given template puts a border around the header. This was easily changed by setting a BorderThickness of 0. I'm using Avalonia 11.3.10.

[luke-whos-here]

Hi, can you share more specifics on this issue? I've retested the samples on this page and they create the "groupbox" exactly as shown in the screenshot, on Avalonia 11.3.10. Did you have any custom themes or styles set on your app?

[mrj001]

Hi,
Yes, that was the cause. I have a style set in my MainWindow that applies a BorderThickness of 1 to Border controls. So, for me, it was necessary to adjust the above HeaderedContentControl Style to include an explicit setting of the BorderThickness of the header to 0.

[luke-whos-here]

Thanks for confirming - I suspected that might be the case. I'll add a note to the page that the implementation may be affected by styles.