DockPanel issues - alignment not working?

Question

WPF

<DockPanel  Width="Auto" Height="Auto">

        <Button DockPanel.Dock="Right" Width="50">dock 2.1</Button>


    </DockPanel>

- in this case, it turns out that the button is in the center and not on the right
, but if you add like this

<DockPanel Name="DP1">

        <Button DockPanel.Dock="Right" Width="50">dock 2.1</Button>
        <Button DockPanel.Dock="Right" Width="50">dock 2.1</Button>



    </DockPanel>

- then the second button will be "magnetized" - correctly, and the first one will be in the center. How to do - so that the first button (I should have one) is immediately on the right?

Answer 1

Add the LastChildFill property:

<DockPanel  LastChildFill="False">
    <Button DockPanel.Dock="Right" Width="50">dock 2.1</Button>
</DockPanel>

Answer 2

This happens because there is no element occupying the free space. You can do it in two ways:
either add some kind of container:

<DockPanel Height="Auto">
  <Button DockPanel.Dock="Right" Width="50">dock 2.1</Button>
  <Grid>
      
  </Grid>
</DockPanel>

or set the button to HorizontalAlignment="Right".
The first option is preferable.