controls don't reach right border when aligning right

Question

The right-aligned label doesn't reach the right border:

<StackPanel Orientation="Horizontal" HorizontalAlignment="Stretch">
    <Label Content="Left Align" HorizontalAlignment="Left"/>
    <Label Content="Right Align" HorizontalAlignment="Right" />
</StackPanel>

It seems that both labels don't take up full available width even though I've specified HorizontalAlignment="Stretch" . What is the cause of it?

enter image description here

score 0 · Accepted Answer · edited May 23 '17 at 12:07

0

You should use a DockPanel instead of a StackPanel for that.

See also Align items in a stack panel? or

<DockPanel LastChildFill="False">
    <Label Content="Left Align" DockPanel.Dock="Left"/>
    <Label Content="Right Align" DockPanel.Dock="Right" />
</DockPanel>

And @santosc described here why the alignment with StackPanel doesn't work as you expected:

A stackpanel, no matter how you stretch it, will collapse around the children. you can't make it grow more than that.

edited May 23 '17 at 12:07

Community

1
1

answered Jul 19 '12 at 11:52

Stephan Bauer

9,120
5
36
58

Thank you, I'll accept your answer in 7 minutes. But could you please explain me why my XAML doesn't produce same results? – Bogdan Verbenets Jul 19 '12 at 11:56
@Bogdan0x400 when you set the width (of the stackpanel), than its the same ;) – David Jul 19 '12 at 11:58

score 0 · Answer 2 · answered Jul 19 '12 at 11:59

0

The StackPanel shrinks to fit the content if no width is provided.

Use a DockPanel,as Stephan Bauer said, or possibly a Grid.

answered Jul 19 '12 at 11:59

Miklar

31
1
3

score 0 · Answer 3 · answered Apr 17 '15 at 11:56

Try it :

     <Grid>
       <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="Auto"/>
       </Grid.ColumnDefinitions>
       <Label Grid.Column="0" Content="Left Align" />
       <Label Grid.Column="2" Content="Right Align"  />
    </Grid>

controls don't reach right border when aligning right

3 Answers3