2.2-Breda-Tour/Breda-Tour/MapScreen/WpDetailPage.xaml

<Page
    x:Class="Breda_Tour.MapScreen.WpDetailPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Breda_Tour.MapScreen"
    xmlns:c ="using:Breda_Tour.CustomControls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <c:DefaultTopBar x:Name="NameBar" Grid.Row="0" Header="Bezienswaardigheid"/>
        <RelativePanel x:Name="ImagePanel" Grid.Row="1">
            <Image Source="{x:Bind wp.Image.Source}" Height="{x:Bind wp.Image.Width}" Width="{x:Bind wp.Image.Width}" Stretch="UniformToFill" />
        </RelativePanel>
        <RelativePanel Grid.Row="2">
            <TextBlock Text="Beschrijving" FontSize="20" Margin="15,15,0,15" />
        </RelativePanel>
        <RelativePanel Grid.Row="3">
           <ScrollViewer Margin="15,0,0,0" VerticalScrollBarVisibility="Auto" >
                <TextBlock HorizontalAlignment="Stretch"  VerticalAlignment="Stretch" TextWrapping="Wrap" Text="{x:Bind wp.description }"/>
           </ScrollViewer>
        </RelativePanel>
    </Grid>
</Page>