title: How to do Element-to-Element binding inside a DataTemplate
body: <p>I have a FlipView control named </p>
  
  <blockquote>
    <p>imageFlipview</p>
  </blockquote>
  
  <p>which resides under the DataTemplete of its parent FlipView named </p>
  
  <blockquote>
    <p>flipView</p>
  </blockquote>
  
  <p>I have a control which is the sibling control of imageFlipView named </p>
  
  <blockquote>
    <p>imageIndicator</p>
  </blockquote>
  
  <p>Now, the imageIndicator requires Element-to-Element binding, but is not working inside the DataTemplate. Here is the code</p>
  
  <pre><code>            &lt;FlipView
              x:Name="flipView"
              AutomationProperties.AutomationId="ItemsFlipView"
              AutomationProperties.Name="Item Details"
              TabIndex="1"
              Grid.RowSpan="2"
              ItemsSource="{Binding Source={StaticResource itemsViewSource}}"&gt;
  
              &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 Loaded="StartLayoutUpdates" Unloaded="StopLayoutUpdates"&gt;
                          &lt;ScrollViewer x:Name="scrollViewer" Style="{StaticResource HorizontalScrollViewerStyle}" Grid.Row="1"&gt;
                                  &lt;StackPanel Orientation="Vertical" Grid.Column="0" Loaded="StackPanel_Loaded_1"&gt;
                                      &lt;TextBlock FontSize="30" FontFamily=" Tahoma" FontWeight="Normal" Text="{Binding Title}" TextWrapping="Wrap"/&gt;
                                      &lt;FlipView x:Name="imageFlip" Loaded="imageFlip_Loaded_1" Visibility="Visible" Margin="0,0,0,10" VerticalAlignment="Top" Height="515" &gt;
                                          &lt;Image x:Name="image1" Width="400" HorizontalAlignment="Left" Margin="0,0,0,10" Stretch="Uniform" Source="{Binding ImagePath1}" VerticalAlignment="Top"/&gt;
                                          &lt;Image x:Name="image2" Width="350" HorizontalAlignment="Left" Margin="0,0,0,10" Stretch="Uniform" Source="{Binding ImagePath1}" VerticalAlignment="Top"/&gt;
                                          &lt;Image x:Name="image3" Width="300" HorizontalAlignment="Left" Margin="0,0,0,10" Stretch="Uniform" Source="{Binding ImagePath1}" VerticalAlignment="Top"/&gt;
                                          &lt;Image x:Name="image4" Width="250" HorizontalAlignment="Left" Margin="0,0,0,10" Stretch="Uniform" Source="{Binding ImagePath1}" VerticalAlignment="Top"/&gt;
                                      &lt;/FlipView&gt;
                                      &lt;callisto:FlipViewIndicator x:Name="imageIndicator" FlipView="{Binding ElementName=imageFlip}"/&gt;
                                  &lt;/StackPanel&gt;
                          &lt;/ScrollViewer&gt;
                      &lt;/UserControl&gt;
                  &lt;/DataTemplate&gt;
              &lt;/FlipView.ItemTemplate&gt;
          &lt;/FlipView&gt;
  </code></pre>
  
  <p>Any Help will be appreciated</p>