title: How to save space in horizontal radio button group?
body: <p>Not a UI-person normally, but somehow I ended up responsible for this app :-).</p>
  
  <p>I have a user control that is a radio button group inside a grid.  I'm trying to dictate that each radio button be ONLY as wide as it has to be to show the text.  Seems so trivial, but even if I hardcode a width I don't seem to be able to affect it.  Regardless I get 3 options evenly spaced apart.</p>
  
  <pre><code>    &lt;Grid&gt;
      &lt;ItemsControl x:Name="DynamicRadioButtonItemsControl" ItemsSource="{x:Bind Options, Mode=OneWay}"&gt;
          &lt;ItemsControl.ItemsPanel&gt;
              &lt;ItemsPanelTemplate&gt;
                  &lt;StackPanel x:Name="RadioButtonStackPanel" Orientation="Horizontal" /&gt;
              &lt;/ItemsPanelTemplate&gt;
          &lt;/ItemsControl.ItemsPanel&gt;
          &lt;ItemsControl.ItemTemplate&gt;
              &lt;DataTemplate&gt;
                  &lt;RadioButton GroupName="{Binding GroupId, ElementName=InspectionItemRadioButtons}"  Content="{Binding Display}" Width="Auto"  Tag="{Binding Value}"  Checked="RadioButton_Checked"  Loading="RadioButton_Loading" /&gt;
              &lt;/DataTemplate&gt;
          &lt;/ItemsControl.ItemTemplate&gt;
      &lt;/ItemsControl&gt;
  &lt;/Grid&gt;
  </code></pre>