Wpf control size to content

Question

How do I make a WPF control to change its size according the content in it

User · Answer

I had a problem like this whereby I had specified the width of my Window, but had the height set to Auto. The child DockPanel had it's VerticalAlignment set to Top and the Window had it's VerticalContentAlignment set to Top, yet the Window would still be much taller than the contents.

Using Snoop, I discovered that the ContentPresenter within the Window (part of the Window, not something I had put there) has it's VerticalAlignment set to Stretch and can't be changed without retemplating the entire Window!

After a lot of frustration, I discovered the SizeToContent property - you can use this to specify whether you want the Window to size vertically, horizontally or both, according to the size of the contents - everything is sizing nicely now, I just can't believe it took me so long to find that property!

User · Answer

I had a user control which sat on page in a free form way  not constrained by another container   and the contents within the user control would not auto size but expand to the full size of what the user control was handed   To get the user control to simply size to its content  for height only  I placed it into a grid with on row set to auto size such as this    lt Grid Margin  0 60 10 200  gt       lt Grid RowDefinitions gt           lt RowDefinition Height  Auto    gt       lt  Grid RowDefinitions gt       lt controls1 HelpPanel x Name  HelpInfoPanel                           Visibility  Visible                           Width  570                           HorizontalAlignment  Right                           ItemsSource   Binding HelpItems                            Background   FF313131    gt   lt  Grid gt

User · Answer

If you are using the grid or alike component  In XAML  make sure that the elements in the grid have Grid Row and Grid Column defined  and ensure tha they don t have margins  If you used designer mode  or Expression Blend  it could have assigned margins relative to the whole grid instead of to particular cells  As for cell sizing  I add an extra cell that fills up the rest of the space        lt Grid RowDefinitions gt           lt RowDefinition Height  Auto    gt           lt RowDefinition Height  Auto    gt           lt RowDefinition Height  Auto    gt           lt RowDefinition Height  Auto    gt           lt RowDefinition Height  Auto    gt           lt RowDefinition Height      gt       lt  Grid RowDefinitions gt

User · Answer

For most controls  you set its height and width to Auto in the XAML  and it will size to fit its content   In code  you set the width height to double NaN   For details  see FrameworkElement Width  particularly the  remarks  section

[wpf] Wpf control size to content?

Examples related to wpf

Examples related to wpf-controls

Examples related to autosize