Increase space between 2 lines in the richtextblock in the grid app template windows store app

Question

Hello, 

I am currently working on the a content application using the grid template in the VS 2012, and i wanted to increase the size of the text in the richtextblock in the ItemDetailPage.xaml, so i changed it from the StandardStyles.xaml.

<!-- RichTextBlock styles -->

    <Style x:Key="BasicRichTextStyle" TargetType="RichTextBlock">
        <Setter Property="Foreground" Value="{StaticResource ApplicationForegroundThemeBrush}"/>
        <Setter Property="FontSize" Value="25"/> <!--I changed this line-->
        <Setter Property="FontFamily" Value="{StaticResource ContentControlThemeFontFamily}"/>
        <Setter Property="TextTrimming" Value="WordEllipsis"/>
        <Setter Property="TextWrapping" Value="Wrap"/>
        <Setter Property="Typography.StylisticSet20" Value="True"/>
        <Setter Property="Typography.DiscretionaryLigatures" Value="True"/>
        <Setter Property="Typography.CaseSensitiveForms" Value="True"/>
    </Style>

The problem now is as you see in the picture http://social.msdn.microsoft.com/Forums/getfile/319384, the lines are so close from each other, i want to increase the space between them.  

Answer 1

Set some value to the LineHeight property of RichTextBlock like this:

<Setter Property="LineHeight" Value="30"/>

---

- Ram
If a post answers your question, please click "Mark As Answer" on that post and "Mark as Helpful".

Answer 2

Hi AhmedAtef07 ,

Welcome to MSDN forum!

The picture you shared couldn't be found, please have a try and fix it.

http://social.msdn.microsoft.com/Forums/getfile/319384

Best Regard!

Answer 3

Hello Ram, Thanks for the response,,

but i tried that and nothing happened, it remains the same.

Answer 4

Thanks for welcoming me :)

about the pic, actually it can be found http://social.msdn.microsoft.com/Forums/getfile/319384

try copy and paste the link in the address bar and it works, 

anyways here is another link http://sdrv.ms/17tPnHq

Answer 5

I can see spaces increased between the line when i assign LineHeight in the Grid template.

Possible for you to provide the XAML of the page or even share a sample on SkyDrive to explain the issue ?

---

- Ram
If a post answers your question, please click "Mark As Answer" on that post and "Mark as Helpful".