drumkit-old/DrumKit/UI/SettingsPage.xaml

<Page
    x:Class="DrumKit.SettingsPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:DrumKit"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">
    
    <Page.Resources>
        <Style x:Key="TabRadioButtonStyle" TargetType="RadioButton">
            <Setter Property="FontSize" Value="26.667"/>
            <Setter Property="FontWeight" Value="Light"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="RadioButton">
                        <Border Padding="10,5,10,5">
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CheckStates">
                                    <VisualStateGroup.Transitions>
                                        <VisualTransition GeneratedDuration="0:0:0.2"/>
                                    </VisualStateGroup.Transitions>
                                    <VisualState x:Name="Checked">
                                        <Storyboard>
                                            <ColorAnimation Duration="0" To="#59FFFF" Storyboard.TargetProperty="(ContentPresenter.Foreground).(SolidColorBrush.Color)" Storyboard.TargetName="contentPresenter" d:IsOptimized="True"/>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Unchecked">
                                        <Storyboard>
                                            <ColorAnimation Duration="0" To="White" Storyboard.TargetProperty="(ContentPresenter.Foreground).(SolidColorBrush.Color)" Storyboard.TargetName="contentPresenter" d:IsOptimized="True"/>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Indeterminate">
                                        <Storyboard>
                                            <ColorAnimation Duration="0" To="White" Storyboard.TargetProperty="(ContentPresenter.Foreground).(SolidColorBrush.Color)" Storyboard.TargetName="contentPresenter" d:IsOptimized="True"/>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="FocusStates"/>
                                <VisualStateGroup x:Name="CommonStates"/>
                            </VisualStateManager.VisualStateGroups>
                            <ContentPresenter x:Name="contentPresenter"/>
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Page.Resources>
    
    <Page.Transitions>
        <TransitionCollection>
            <EntranceThemeTransition />
        </TransitionCollection>
    </Page.Transitions>

    <Border Background="{StaticResource ApplicationPageBackgroundThemeBrush}"
            Padding="40">
        <Grid >
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition />
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>
            
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="120"/>
                <ColumnDefinition />
            </Grid.ColumnDefinitions>

            <Button Name="buttonBack" Grid.Row="0" Grid.Column="0"
                    Style="{StaticResource BackButtonStyle}"
                    Click="buttonBack_Click_1"/>

            <ScrollViewer Grid.Row="0" Grid.Column="1"
                          ZoomMode="Disabled"
                          HorizontalScrollMode="Enabled"
                          HorizontalScrollBarVisibility="Hidden"
                          VerticalScrollBarVisibility="Disabled"
                          VerticalScrollMode="Disabled"
                          VerticalAlignment="Top">

                <StackPanel Orientation="Horizontal">
                    <StackPanel.ChildrenTransitions>
                        <TransitionCollection>
                            <EntranceThemeTransition />
                        </TransitionCollection>
                    </StackPanel.ChildrenTransitions>
                    <RadioButton Name="radioGeneral"
                            Style="{StaticResource TabRadioButtonStyle}"
                            IsChecked="True"
                            Click="radioGeneral_Click_1">
                        General
                    </RadioButton>
                    <RadioButton Name="radioDrumkit"
                            Style="{StaticResource TabRadioButtonStyle}"
                            Click="radioGeneral_Click_1">
                        Drumkits
                    </RadioButton>
                    <RadioButton Name="radioDrums"
                            Style="{StaticResource TabRadioButtonStyle}"
                            Click="radioGeneral_Click_1">
                        Drums
                    </RadioButton>
                    <RadioButton Name="radioLayouts"
                            Style="{StaticResource TabRadioButtonStyle}"
                            Click="radioGeneral_Click_1">
                        Layouts
                    </RadioButton>
                    <RadioButton Name="radioLogs"
                            Style="{StaticResource TabRadioButtonStyle}"
                            Click="radioGeneral_Click_1">
                        Logs
                    </RadioButton>
                    <!--<RadioButton Name="radioExperiments"
                            Style="{StaticResource TabRadioButtonStyle}"
                            Click="radioGeneral_Click_1">
                        Experiments
                    </RadioButton>-->
                </StackPanel>
            </ScrollViewer>

            <ContentControl Name="contentControl"
                            Grid.Row="1" Grid.ColumnSpan="4"
                            HorizontalContentAlignment="Stretch"
                            VerticalContentAlignment="Stretch"
                            VerticalAlignment="Stretch">
                <ContentControl.ContentTransitions>
                    <TransitionCollection>
                        <ContentThemeTransition HorizontalOffset="200" />
                    </TransitionCollection>
                </ContentControl.ContentTransitions>
            </ContentControl>
            
        </Grid>
    </Border>
</Page>