Closed. This question needs
What I want:
Any suggestions? Am I missing another tool I can use in this use case?
CodePudding user response：
Just learn how to use grids, GridColumn etc..., and this will make the job.
I give you a small example that will help already :
<Grid Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="50"/>//adds a small space between 2 buttons groups
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="auto"/>
<RowDefinition Height="auto"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Label Grid.ColumnSpan="2" Content="1" HorizontalAlignment="Center"/>
<Button Grid.Row="1" Content="-" Margin="5"/>
<Button Grid.Row="1" Grid.Column="1" Content=" " Margin="5"/>
</Grid>
<Grid Grid.Column="2">
<Grid.RowDefinitions>
<RowDefinition Height="auto"/>
<RowDefinition Height="auto"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Label Grid.ColumnSpan="2" Content="5" HorizontalAlignment="Center"/>
<Button Grid.Row="1" Content="-" Margin="5"/>
<Button Grid.Row="1" Grid.Column="1" Content=" " Margin="5,5,5,5"/> // exactly the same as Margin="5", just to show you can set different margins on each side.
</Grid>
</Grid>
