Wpf flag selected by clicking on the shortcut

Question

It seems my checkbox width extends to the extents of the grid cell in which it is contained. Therefore, if you check the path to the right of the flag label, it still switches the value. Is there a way to check the box only when I click the label or check box without hard-coding the width value for that check box?

Answer 1

If you set the width of the column definition to Auto, the column will be resized for the size of the CheckBox .

However, this can ruin your layout.

An alternative is the CheckBox wrapper in the StackPanel .

  <Grid Margin="10,10,10,10" Name="grid1"> <Grid.ColumnDefinitions> <ColumnDefinition Width="*"/> <ColumnDefinition Width="*"/> <ColumnDefinition Width="*"/> </Grid.ColumnDefinitions> <TextBlock Text="Hello"/> <StackPanel Grid.Column="1" Orientation="Horizontal"> <CheckBox Content="Click Me"/> </StackPanel> <Button Grid.Column="2" Content="Press Me"/> </Grid> 

As you can see from the first screenshot, the CheckBox bounding box is now next to the label and label, rather than the full column width, as shown in the second.

The correct behavior:

Invalid behavior:

Answer 2

The default HorizontalAlignment CheckBox is Stretch . Try setting it to Left / Right / Center .

Answer 3

It can stretch a lot. Try to apply some background to CheckBox - this will show you how real it is. Also play with HorizontalAlignment.