Home/ Questions/Q 7682295
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T18:32:07+00:00

Is there a way to evenly layout radiobuttons including the radiobutton text? I have

  • 0

Is there a way to evenly layout radiobuttons including the radiobutton text? I have tried StackPanel with Orientation=Horizontal, DockPanel and UniformGrid but I have not achieved the exact look I am going for which is an even amount of white space between the controls without having to wrap or truncate the text.

StackPanel Alignment Horizontal

UniformGrid One Row

<GroupBox Name="grpLegend" Header="{x:Static res:Strings.ChartOptionsDisplayControlView_GroupBox_Legend}">
                <ItemsControl
                    ItemsSource="{Binding IsAsync=True, Path=AvailablePitchbookLegendPosition}">
                    <ItemsControl.ItemTemplate>
                        <DataTemplate>
                            <RadioButton
                                Content="{Binding IsAsync=True, Path=DisplayName}"
                                IsChecked="{Binding IsAsync=True, Path=IsSelected}"
                                GroupName="LegendPosition"
                                Margin="2,3.5" />
                        </DataTemplate>
                    </ItemsControl.ItemTemplate>
                    <ItemsControl.ItemsPanel>
                        <ItemsPanelTemplate>
                            <StackPanel Orientation="Horizontal"/>
                        </ItemsPanelTemplate>
                    </ItemsControl.ItemsPanel>
                </ItemsControl>
            </GroupBox>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    <Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition/>
        <ColumnDefinition Width="Auto"/>
    </Grid.ColumnDefinitions>

    <RadioButton Grid.Column="0" Content="Left"/>
    <RadioButton Grid.Column="1" HorizontalAlignment="Center" Content="Center"/>
    <RadioButton Grid.Column="2" Content="Right"/>
</Grid>

    If this Grid was part of a list’s ItemTemplate and you wanted to synchronize the widths of the grid’s columns you should use the SharedSizeGroup property.

    <Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto" SharedSizeGroup="c1"/>
        <ColumnDefinition SharedSizeGroup="c2"/>
        <ColumnDefinition Width="Auto" SharedSizeGroup="c3"/>
    </Grid.ColumnDefinitions>

    <RadioButton Grid.Column="0" Content="Left"/>
    <RadioButton Grid.Column="1" HorizontalAlignment="Center" Content="Center"/>
    <RadioButton Grid.Column="2" Content="Right"/>
</Grid>

    and then on a suitable parent container use the attached property Grid.IsSharedSizeScope=”true”

    <ListBox Grid.IsSharedSizeScope="True" ItemTemplate={StaticResource RadioButtonTemplate}/>
    • 0