<UserControl x:Class="ApSilverlight.SilverlightContentControl"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk"
    Width="600" Height="450">

  <Grid x:Name="LayoutRoot" Margin="15" Background="White">
    <Grid.ColumnDefinitions>
      <ColumnDefinition Width="auto"/>
      <ColumnDefinition />
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
      <RowDefinition Height="*"/>
      <RowDefinition Height="*"/>
      <RowDefinition Height="*"/>
      <RowDefinition Height="3*"/>
    </Grid.RowDefinitions>

    <!-- Fecha de nacimiento -->
    <sdk:Label Content="Fecha de nacimiento:"
               IsRequired="True" Margin="5" />
    <StackPanel Orientation="Horizontal" Grid.Column="1">
      <sdk:DatePicker Height="24" />
      <sdk:DescriptionViewer
             Description="Seleccione la fecha de nacimiento."/>
    </StackPanel>

    <!-- Apellidos y nombre -->
    <sdk:Label Grid.Row="1" Margin="5" 
               Target="{Binding ElementName=spNomAp}"
               PropertyPath="Nombre" />
    <StackPanel Orientation="Horizontal"
                Grid.Column="1" Grid.Row="1">
      <StackPanel x:Name="spNomAp" Orientation="Horizontal" >
        <TextBox x:Name="tbNombre"
                 Text="{Binding Path=Nombre, Mode=TwoWay,
                 ValidatesOnExceptions=true,
                 NotifyOnValidationError=true}" 
                 Height="24" Width="200" />
        <TextBox x:Name="tbApellidos"
                 Text="{Binding Path=Apellidos, Mode=TwoWay,
                 ValidatesOnExceptions=true,
                 NotifyOnValidationError=true}" 
                 Height="24" Width="200" />
      </StackPanel>
      <sdk:DescriptionViewer Target="{Binding ElementName=spNomAp}"
                             PropertyPath="Nombre"/>
    </StackPanel>

    <!-- Número de teléfono -->
    <sdk:Label Grid.Row="2" Margin="5" 
               Target="{Binding ElementName=tbTelefono}" />
    <StackPanel Orientation="Horizontal"
                Grid.Column="1" Grid.Row="2">
      <TextBox x:Name="tbTelefono" Height="24" Width="100"
               Text="{Binding Path=Telefono, Mode=TwoWay,
               ValidatesOnExceptions=true,
               NotifyOnValidationError=true}" />
      <sdk:DescriptionViewer
             Target="{Binding ElementName=tbTelefono}"/>
    </StackPanel>

    <!-- Resumen de la validación -->
    <sdk:ValidationSummary Grid.ColumnSpan="2" Grid.Row="3" 
                           DataContext="{Binding}" />
  </Grid>
</UserControl>
