xaml - 右側のサイドバーとして WinRT フライアウトを表示するにはどうすればよいですか?

Question

現在、ボタンがクリックされたときにインターフェイスの左側にチャネルのリストを表示する次の xaml コードがあります。

    <Button Content="Channels" Margin="10,0,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" Width="109">
        <Button.Flyout>
            <Flyout Placement="Left">
                <Grid>
                    <TextBlock Text="Channels" 
                               FontSize="45.333" FontFamily="Segoe WP Light"
                               TextWrapping="Wrap" HorizontalAlignment="Left" VerticalAlignment="Top" Height="48" Width="200" FontWeight="Light" OpticalMarginAlignment="TrimSideBearings" TextReadingOrder="DetectFromContent"/>
                    <ScrollViewer Margin="0,53,0,54" ZoomMode="Disabled">
                        <ListView Margin ="10,0" ItemsSource="{Binding Channels}" Width="189" ItemTemplate="{StaticResource ChannelTemplate}" x:Name="channelListView" IsTapEnabled="False" IsRightTapEnabled="False" IsHoldingEnabled="False" IsDoubleTapEnabled="False" Height="715"/>
                    </ScrollViewer>
                </Grid>
                <Flyout.FlyoutPresenterStyle>
                    <Style TargetType="FlyoutPresenter">
                        <Setter Property="ScrollViewer.ZoomMode" Value="Disabled"/>
                        <Setter Property="MaxWidth" Value="200"/>
                    </Style>
                </Flyout.FlyoutPresenterStyle>
            </Flyout>
        </Button.Flyout>
    </Button>

スクリーンショットは次のとおりです。

ただし、インターフェイスの右側にあるユーザーのリストに同様のコードを使用しようとすると、ユーザーのリストが右側に表示されず、代わりに左側に表示されます。

    <Button Content="Users" Margin="281,0,10,0" HorizontalAlignment="Stretch" VerticalAlignment="Top" Height="58">
        <Button.Flyout>
            <Flyout Placement="Right">
                <Grid>
                    <TextBlock Text="Users" 
                               FontSize="45.333" FontFamily="Segoe WP Light"
                               TextWrapping="Wrap" HorizontalAlignment="Left" VerticalAlignment="Top" Height="48" Width="200" FontWeight="Light" OpticalMarginAlignment="TrimSideBearings" TextReadingOrder="DetectFromContent"/>
                    <ScrollViewer Margin="0,53,0,54" ZoomMode="Disabled">
                        <ListView Margin ="10,0" ItemsSource="{Binding Channels}" Width="189" ItemTemplate="{StaticResource ChannelTemplate}" x:Name="usersListView" IsTapEnabled="False" IsRightTapEnabled="False" IsHoldingEnabled="False" IsDoubleTapEnabled="False" Height="715"/>
                    </ScrollViewer>
                </Grid>
                <Flyout.FlyoutPresenterStyle>
                    <Style TargetType="FlyoutPresenter">
                        <Setter Property="ScrollViewer.ZoomMode" Value="Disabled"/>
                        <Setter Property="MaxWidth" Value="200"/>
                    </Style>
                </Flyout.FlyoutPresenterStyle>
            </Flyout>
        </Button.Flyout>
    </Button>

ユーザーリストのスクリーンショット

以外に何かする必要があり<Flyout Placement="Right">ますか？もしそうなら、何？