I'm in the process retargeting my app to windows 8.1, what was a simple display of items in stack panel in windows 8 (VS 2012) has become retarded in windows 8.1 (VS 2013)
I'm displaying 3 textblocks in a stack panel
and I get the display where the middle textblock overlap with the first text block and height of the second textblock does not get adjusted according to font size of 40.
Similarly for the third textblock I set the vertical alignment to "Bottom" but the third textblock does not go down. So basically Vertical Alignment setting does not make any difference at all.
I'm sorry I wish I could show the stack panel in picture, but I do not have any software like snag it to capture the picture.
<StackPanel Grid.Column="1" Grid.Row="2" Background="Transparent" Transitions="{StaticResource EntranceVerticalTransition}" >
<TextBlock Text="Free Keys" Style="{StaticResource BaseTextBlockStyle}" HorizontalAlignment="Center" VerticalAlignment="Top" FontSize="25" FontWeight="Bold" />
<TextBlock Text="{Binding KeysAvailable}" Style="{StaticResource BaseTextBlockStyle}" FontSize="40" HorizontalAlignment="Center" FontWeight="Bold" Margin="0,5" />
<TextBlock Text="Remaining" Style="{StaticResource BaseTextBlockStyle}" HorizontalAlignment="Center" VerticalAlignment="Bottom" FontSize="25" FontWeight="Bold" />
<!--<TextBlock Text="Free Keys" Style="{StaticResource SummaryTextStyle}"/>
<TextBlock Text="{Binding KeysAvailable}" Style="{StaticResource SummaryDataStyle}"/>
<TextBlock Text="Remaining" Style="{StaticResource SummaryTextBottomStyle}"/>-->
</StackPanel>