How do I make the TextBlock in Expresion Blend look better?
I want the Text Blook to have that 3D embedded look where it appears pushed in deeper than the surrounding area. What I mean by that is that the top of the box is a darker and more refined line -- like a shadow -- like this:
http://i67.photobucket.com/albums/h292/Athono/Embedded/small_zpsvqrgh3i6.png
Instead, the textblock in ExpressionBlend seems to have no ability to define the borders, and so it appears almost blank and you have to put a border around it. The result looks like this:
http://i67.photobucket.com/albums/h292/Athono/Embedded/looks%20like%20THIS_zps7coaismq.png
Here is a copy of the XAML code:
<Grid x:Name="LayoutRoot" Background="#FFF0F0F0" >
<Button x:Name="OK_Button" Height="41" HorizontalAlignment="Right" Margin="0,0,64,95" VerticalAlignment="Bottom" Width="120" Content="OK"/>
<RadioButton HorizontalAlignment="Left" Height="33" Margin="39,46,0,0" VerticalAlignment="Top" Width="214" Content="Saved File" RenderTransformOrigin="0.5,0.5"/>
<RadioButton HorizontalAlignment="Left" Height="23" Margin="39,121,0,0" VerticalAlignment="Top" Width="214" Content="Template" RenderTransformOrigin="0.5,0.5"/>
<RadioButton HorizontalAlignment="Left" Height="19" Margin="39,199,0,0" VerticalAlignment="Top" Content="Log Only" RenderTransformOrigin="0.5,0.5" Width="214" d:LayoutOverrides="VerticalAlignment"/>
<Border BorderBrush="#FF121111" BorderThickness="2" Grid.Row="0" Margin="61,67,221,0" Height="45" VerticalAlignment="Top" Background="White">
<TextBlock Height="33" Margin="6,2,6,0" VerticalAlignment="Top" Text="SavedFile.xml" TextWrapping="Wrap" Foreground="Black" d:LayoutOverrides="HorizontalAlignment"/>
</Border>
<Border BorderBrush="#FF121111" BorderThickness="2" Grid.Row="0" Margin="61,224,221,211" Background="White">
<TextBlock Height="33" Margin="4,2,8,0" VerticalAlignment="Top" TextWrapping="Wrap" Foreground="Black" d:LayoutOverrides="HorizontalAlignment"/>
</Border>
<Border BorderBrush="#FF121111" BorderThickness="2" Grid.Row="0" Margin="61,143,221,0" Background="White" Height="45" VerticalAlignment="Top">
<TextBlock Height="33" Margin="5,4,7,0" VerticalAlignment="Top" TextWrapping="Wrap" Foreground="Black" d:LayoutOverrides="HorizontalAlignment"/>
</Border>
<Button x:Name="Browse_Button1" Height="41" HorizontalAlignment="Right" Margin="0,67,64,0" VerticalAlignment="Top" Width="120" Content="Browse..."/>
<Button x:Name="Browse_Button2" HorizontalAlignment="Right" Margin="0,224,64,215" Width="120" Content="Browse..."/>
<Button x:Name="Browse_Button3" Height="41" HorizontalAlignment="Right" Margin="0,143,64,0" VerticalAlignment="Top" Width="120" Content="Browse..."/>
</Grid>