How To Align These Button Groups

[Kevin Marois]

I'm trying to create a horizontal row of buttons:

<StackPanel Orientation="Horizontal" Grid.Row="3" Grid.Column="0" >

<StackPanel Orientation="Horizontal" HorizontalAlignment="Left" Grid.ColumnSpan="2">
    <Button Name="cmdNewFile" VerticalAlignment="Center" Height="30" Width="75" Click="cmdNewFile\_Click">New File...</Button>
    <Button Name="cmdLoad" VerticalAlignment="Center" Height="30" Width="75" Click="cmdLoad\_Click">Load File...</Button>
</StackPanel>
        
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Grid.ColumnSpan="2" Width="368">
    <Button Name="cmdNewParent" IsEnabled="False" VerticalAlignment="Center" Height="30" Width="75" >New</Button>
    <Button Name="cmdNewChild" IsEnabled="False" VerticalAlignment="Center" Height="30" Width="75" >New</Button>
    <Button Name="cmdCopy" IsEnabled="False" VerticalAlignment="Center" Height="30" Width="75" >Copy</Button>
    <Button Name="cmdRemove" IsEnabled="False" VerticalAlignment="Center" Height="30" Width="75" >Remove</Button>
    <Button Name="cmdMove" IsEnabled="False" VerticalAlignment="Center" Height="30" Width="75" >Move</Button>
</StackPanel>
        
<StackPanel Orientation="Horizontal" HorizontalAlignment="Right" Grid.ColumnSpan="2">
    <Button Name="cmdSave" IsEnabled="False" VerticalAlignment="Center" Height="30" Width="75" Click="cmdSave\_Click" >Save</Button>
</StackPanel>

</StackPanel>

The first 2 buttons should be to the left, then the middle 5 buttons should be cenetred, then the right 2 buttons should be towards the right. How do I do this?

Everything makes sense in someone's mind

[Michael J Eber]

Your primary stack panel should be doing this for you. You may need to add some padding in each definition. Using Expression Blend gives you a great visual to ensure they look the way you want them to look.

[Jurgen Rohr]

Hi, maybe you should have given us the surrounding container and a hint whereto the buttons should align ... so, I'll make a guess. If you want each whole button-block to be aligned as described in a container of arbitrary (horizontal) size, you must replace the outermost StackPanel with a Grid. The Grid must have three columns with "Auto", "*" and "Auto" as the respective widths. As you already provided the correct alignments, the three remaining StackPanels will be arranged as you wish. BTW what do you intend by giving the "VericalAlignment" of the buttons? Cheers Jürgen