CODEWITHSUNDEEP
c#xamlwindows-8microsoft-metro
Slayter
Slayter

Reputation: 1170

Windows 8 C#/XAML - Create a border around textblock text

I'm creating an app for the Windows 8 app store and I'm pretty new to the XAML UI stuff. What I want to do is create a black border around the actual text in the textblock. Any help would be greatly appreciated.

Here is the textblock:

<TextBlock Grid.Row="0" x:Name="TopLabel" VerticalAlignment="Top" Text="Top Label" HorizontalAlignment="Center" FontFamily="Impact" FontSize="48"/>

Upvotes: 10

Views: 20973

Answers (2)

Jamie Keeling
Jamie Keeling

Reputation: 9966

I believe the term you are looking for is 'Stroke', other SO users have noticed that this affect appears to be absent from the shipped feature set.

The following question/solution should meet your needs - its based on WPF but both Windows 8 and WPF make use of XAML : Apply Stroke to Text

Alternatively theres an informative MSDN article about it (again aimed at WPF but the principles should be the same) : How to: Create Outlined Text (MSDN)

I hope this helps!

Upvotes: 2

Antonio Bakula
Antonio Bakula

Reputation: 20693

Use Border control :

http://msdn.microsoft.com/en-us/library/windows/apps/xaml/windows.ui.xaml.controls.border.aspx

something like this :

<Border BorderBrush="Gray" BorderThickness="2" Grid.Row="0">
  <TextBlock x:Name="TopLabel" VerticalAlignment="Top" Text="Top Label" HorizontalAlignment="Center" FontFamily="Impact" FontSize="48"/>
</Border>

Upvotes: 5

Related Questions