2.2-Breda-Tour/Breda-Tour/SettingsScreen/SettingsPage.xaml

<Page
    x:Class="Breda_Tours.SettingsScreen.SettingsPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Breda_Tours.SettingsScreen"
    xmlns:c="using:Breda_Tour.CustomControls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:data="using:Breda_Tour.HelpScreen"
    mc:Ignorable="d">
    <Grid Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="40"/>
            <RowDefinition Height="50"/>
            <RowDefinition Height="*" ScrollViewer.VerticalScrollMode="Enabled"/>
        </Grid.RowDefinitions>
        <c:DefaultTopBar Header="Instellingen"/>
        <c:DefaultPivotControl x:Name="DefaultPivot" Grid.Row="1"/>
        <ScrollViewer Grid.Row="2" VerticalScrollBarVisibility="Hidden">
            <StackPanel Orientation="Vertical">
                <TextBlock Style="{StaticResource SettingsHeaderStyle}" Foreground="White" Text="{StaticResource AppSettingsLanguageSettings}"></TextBlock>
                <ListViewItem>
                    <StackPanel Margin="8,0,0,0">
                        <TextBlock FontSize="18" Text="Taal instellen" Foreground="White"></TextBlock>
                        <TextBlock Margin="0,-1,0,0" FontSize="12" Foreground="White" Text="{StaticResource AppLanguageDutch}"></TextBlock>
                    </StackPanel>
                </ListViewItem>
                <Rectangle Margin="0,15,0,0" Fill="#99FFFFFF" Height="1" />
                <TextBlock Style="{StaticResource SettingsHeaderStyle}" Foreground="White" Text="{StaticResource AppSettingsHelp}"></TextBlock>
                <ListView ItemsSource="{x:Bind HelpItems}" >
                    <ListView.ItemTemplate>
                        <DataTemplate x:DataType="data:HelpItem">
                            <ListBoxItem Padding="0" Background="Transparent" IsEnabled="False">
                                <Grid Height="50">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="50"/>
                                        <ColumnDefinition Width="*"/>
                                    </Grid.ColumnDefinitions>
                                    <Ellipse Height="40" Width="40" Stroke="White" StrokeThickness="0.5"
                                         Margin="5"
                                         Name="FolderEllipse"/>
                                    <SymbolIcon Symbol="Folder"
                                                
                                            Foreground="White"
                                            Margin="10"
                                            >
                                        <SymbolIcon.RenderTransform>
                                            <RotateTransform Angle="270" CenterX="15" CenterY="15"/>
                                        </SymbolIcon.RenderTransform>
                                    </SymbolIcon>
                                    <TextBlock RelativePanel.RightOf="FolderEllipse" Foreground="White" Margin="10,14" Text="{x:Bind Title}" Grid.Column="1"/>
                                </Grid>
                            </ListBoxItem>
                        </DataTemplate>
                    </ListView.ItemTemplate>
                </ListView>
            </StackPanel>
        </ScrollViewer>
    </Grid>
    
</Page>