title: Windows 8 Store App: Using multiple RichTextColumns in a flipview control
body: <p>I am trying to show two columns of rich text in two languages (side by side) inside a flip view. How Do I create two columns inside RichTextColumns and bind them to two different data source?</p>
  
  <p>The flip view control looks like this: </p>
  
  <p>`FlipView
              x:Name="flipView"
              AutomationProperties.AutomationId="ItemsFlipView"
              AutomationProperties.Name="Item Details"
              TabIndex="1"
              Grid.RowSpan="2"
              ItemsSource="{Binding Source={StaticResource itemsViewSource}}"></p>
  
  <pre><code>        &lt;FlipView.ItemContainerStyle&gt;
              &lt;Style TargetType="FlipViewItem"&gt;
                  &lt;Setter Property="Margin" Value="0,137,0,0"/&gt;
              &lt;/Style&gt;
          &lt;/FlipView.ItemContainerStyle&gt;
  
          &lt;FlipView.ItemTemplate&gt;
              &lt;DataTemplate&gt;
  
                  &lt;!--
                      UserControl chosen as the templated item because it supports visual state management
                      Loaded/unloaded events explicitly subscribe to view state updates from the page
                  --&gt;
                  &lt;UserControl Loaded="StartLayoutUpdates" Unloaded="StopLayoutUpdates"&gt;
                      &lt;ScrollViewer x:Name="scrollViewer" Style="{StaticResource HorizontalScrollViewerStyle}" Grid.Row="1"&gt;
                          &lt;Grid&gt;
  
                          &lt;!-- Content is allowed to flow across as many columns as needed --&gt;
                          &lt;common:RichTextColumns x:Name="richTextColumns" Margin="117,0,117,47"&gt;
                              &lt;RichTextBlock x:Name="richTextBlock" Width="560" Style="{StaticResource ItemRichTextStyle}" IsTextSelectionEnabled="False"&gt;
                                  &lt;Paragraph&gt;
                                      &lt;Run FontSize="26.667" FontWeight="Light" Text="ምዕራፍ "/&gt;
                                      &lt;Run FontSize="26.667" FontWeight="Light" Text="{Binding ChapterNumber }"/&gt;
                                      &lt;LineBreak/&gt;
  
                                      &lt;!--&lt;Run FontWeight="Normal" Text="{Binding Subtitle}"/&gt;--&gt;
                                  &lt;/Paragraph&gt;
  
                                  &lt;Paragraph&gt;
                                      &lt;Run FontWeight="SemiLight" Text="{Binding ChapterContent}"/&gt;
                                  &lt;/Paragraph&gt;
  
                              &lt;/RichTextBlock&gt;
  
                              &lt;!-- Additional columns are created from this template --&gt;
                              &lt;common:RichTextColumns.ColumnTemplate&gt;
                                  &lt;DataTemplate&gt;
                                      &lt;RichTextBlockOverflow Width="560" Margin="80,0,0,0"&gt;
                                          &lt;RichTextBlockOverflow.RenderTransform&gt;
                                              &lt;TranslateTransform X="-1" Y="4"/&gt;
                                          &lt;/RichTextBlockOverflow.RenderTransform&gt;
                                      &lt;/RichTextBlockOverflow&gt;
                                  &lt;/DataTemplate&gt;
                              &lt;/common:RichTextColumns.ColumnTemplate&gt;
                          &lt;/common:RichTextColumns&gt;
  
                          &lt;VisualStateManager.VisualStateGroups&gt;
  
                              &lt;!-- Visual states reflect the application's view state inside the FlipView --&gt;
                              &lt;VisualStateGroup x:Name="ApplicationViewStates"&gt;
                                  &lt;VisualState x:Name="FullScreenLandscape"/&gt;
                                  &lt;VisualState x:Name="Filled"/&gt;
  
                                  &lt;!-- Respect the narrower 100-pixel margin convention for portrait --&gt;
                                  &lt;VisualState x:Name="FullScreenPortrait"&gt;
                                      &lt;Storyboard&gt;
                                          &lt;ObjectAnimationUsingKeyFrames Storyboard.TargetName="richTextColumns" Storyboard.TargetProperty="Margin"&gt;
                                              &lt;DiscreteObjectKeyFrame KeyTime="0" Value="97,0,87,57"/&gt;
                                          &lt;/ObjectAnimationUsingKeyFrames&gt;
                                          &lt;ObjectAnimationUsingKeyFrames Storyboard.TargetName="image" Storyboard.TargetProperty="MaxHeight"&gt;
                                              &lt;DiscreteObjectKeyFrame KeyTime="0" Value="400"/&gt;
                                          &lt;/ObjectAnimationUsingKeyFrames&gt;
                                      &lt;/Storyboard&gt;
                                  &lt;/VisualState&gt;
  
                                  &lt;!-- When snapped, the content is reformatted and scrolls vertically --&gt;
                                  &lt;VisualState x:Name="Snapped"&gt;
                                      &lt;Storyboard&gt;
                                          &lt;ObjectAnimationUsingKeyFrames Storyboard.TargetName="richTextColumns" Storyboard.TargetProperty="Margin"&gt;
                                              &lt;DiscreteObjectKeyFrame KeyTime="0" Value="17,0,17,57"/&gt;
                                          &lt;/ObjectAnimationUsingKeyFrames&gt;
                                          &lt;ObjectAnimationUsingKeyFrames Storyboard.TargetName="scrollViewer" Storyboard.TargetProperty="Style"&gt;
                                              &lt;DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource VerticalScrollViewerStyle}"/&gt;
                                          &lt;/ObjectAnimationUsingKeyFrames&gt;
                                          &lt;ObjectAnimationUsingKeyFrames Storyboard.TargetName="richTextBlock" Storyboard.TargetProperty="Width"&gt;
                                              &lt;DiscreteObjectKeyFrame KeyTime="0" Value="280"/&gt;
                                          &lt;/ObjectAnimationUsingKeyFrames&gt;
                                          &lt;ObjectAnimationUsingKeyFrames Storyboard.TargetName="image" Storyboard.TargetProperty="MaxHeight"&gt;
                                              &lt;DiscreteObjectKeyFrame KeyTime="0" Value="160"/&gt;
                                          &lt;/ObjectAnimationUsingKeyFrames&gt;
                                      &lt;/Storyboard&gt;
                                  &lt;/VisualState&gt;
                              &lt;/VisualStateGroup&gt;
                          &lt;/VisualStateManager.VisualStateGroups&gt;
                          &lt;/Grid&gt;
                      &lt;/ScrollViewer&gt;
                  &lt;/UserControl&gt;
              &lt;/DataTemplate&gt;
          &lt;/FlipView.ItemTemplate&gt;
      &lt;/FlipView&gt;`
  </code></pre>