<!--Flipview-->

<FlipView  x:Name="ArticleDetail" Grid.Row="1" AutomationProperties.AutomationId="ItemsFlipView" AutomationProperties.Name="Item Details" TabIndex="1"
              DataContext="{Binding LatestArticlesModel}"
              ItemsSource="{Binding Items}"
              ItemTemplate="{StaticResource LatestArticles1DetailDetail}"
              SelectedItem="{Binding SelectedItem, Mode=TwoWay}"
              ItemContainerStyle="{StaticResource FlipItemStyle}">
</FlipView>

<!--Data template for flipview-->
<DataTemplate x:Key="LatestArticles1DetailDetail">
      <ScrollViewer>
        <StackPanel>
            <TextBlock Margin="0,16" Text="{Binding Title, Converter={StaticResource TextPlainConverter}, ConverterParameter = 140}" Style="{StaticResource SubHeaderText}" />
            <Image Source="{Binding ImageUrl, Converter={StaticResource ThumbnailConverter}, ConverterParameter=300}" Stretch="UniformToFill" />
          <TextBlock x:Name="FeedUrl" Margin="0,12"  Style="{StaticResource Html2XamlStyleText}"
             Text="{Binding FeedUrl}" Visibility="Collapsed"/>
          <RichTextBlock x:Name="Content" Margin="0,12"  Style="{StaticResource Html2XamlStyle}"/>
            </StackPanel>
        </ScrollViewer>
</DataTemplate>