Radiobuttons and Silverlight

Question

I have a radio object in Silverlight 3 with FontSize = 20.

Inside the control, the radio image is forcibly aligned.

Regarding text / content, the image seems too tall. This is not obvious with smaller text sizes, but with a large text size, the vertical alignment of the text / content and the dialog image looks ugly. Any ideas on how to vertically align = average both text and dialog image?

tee

Answer 1

RadioButton Ellipse, Grid. RadioButton ( Expression Blend ), , Grid VerticalAlignment Top.

<Grid HorizontalAlignment="Left" VerticalAlignment="Top">
  <Ellipse x:Name="Background" Fill="#FFFFFFFF" 
    Stroke="{TemplateBinding BorderBrush}" 
    StrokeThickness="{TemplateBinding BorderThickness}" 
    Height="14" Margin="1" Width="14"/>
  ...

ContentPresenters ( ) VerticalAlignment , VerticalContentAlignment.

<ContentPresenter x:Name="contentPresenter" 
  HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
  Margin="{TemplateBinding Padding}" 
  VerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
  Grid.Column="1" Content="{TemplateBinding Content}" 
  ContentTemplate="{TemplateBinding ContentTemplate}"/>

, VerticalAlignment Grid Middle TemplateBinding, VerticalContentAlignment.

<Grid HorizontalAlignment="Left" 
  VerticalAlignment="Middle">

<Grid HorizontalAlignment="Left" 
  VerticalAlignment="{TemplateBinding VerticalContentAlignment}">

Answer 2

, - - Padding = "5, -7,0,0"