WPF: How to make controls stretch in a StackPanel?

Question

A Slider and some other controls won't stretch to fill available space when placed in a StackPanel; instead the width is always MinWidth (or about 10 pixels if MinWidth is not set). How do I make it stretch (the equivalent of Anchor.Left|Anchor.Right in WinForms)? Example:

<StackPanel DockPanel.Dock="Bottom" Orientation="Horizontal">
    <Slider Value="14" SmallChange="0.5" Maximum="100" Minimum="4" 
            x:Name="FontSize" MinWidth="30" LargeChange="2" 
            TickFrequency="10" TickPlacement="TopLeft" 
            HorizontalAlignment="Stretch"/>
    <TextBlock Margin="8" Text="{Binding ElementName=FontSize, Path=Value}" 
               VerticalAlignment="Center"/>
</StackPanel>

See: http://stackoverflow.com/a/38923924/948700 – Dvor_nik Aug 12 '16 at 18:27 — Dvor_nik, Aug 12 '16 at 18:27

score 43 · Accepted Answer · answered May 06 '09 at 23:21

43

You want DockPanel instead:

<DockPanel DockPanel.Dock="Bottom" LastChildFill="True">
    <TextBlock DockPanel.Dock="Right" ... />
    <Slider ... />
</DockPanel>

DockPanel gets you the "Anchor" functionality you want. StackPanel simply stacks things next to each other.

I notice from your code block that your StackPanel is already docked inside a dockpanel, so I've included the same docking attribute in my code sample above.

answered May 06 '09 at 23:21

Matt Hamilton

200,371
61
386
320

What if in StackPanel the first and the last should have a fixed size and the middle one should be stretchable? The only use of a DockPanel seems to be the property `LastChildFill`. – Matthias Pospiech Feb 17 '13 at 21:50
You do not have to insert items into the DockPanel in the order they appear. – SamiHuutoniemi Oct 20 '13 at 16:50

WPF: How to make controls stretch in a StackPanel?

1 Answers1

Linked