Member Avatar for complete

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>
  • 2 Contributors
  • 1 Reply
  • 249 Views
  • 2 Months Discussion Span
  • Latest Post Latest Post by Vijay_18
Member Avatar for Vijay_18

use styling and templating.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.