I'm working on a triple-monitor theme. I'm running into a roadblock with the background presenter. I have a main canvas that is subdivided into 3 canvases (one for each screen). Only one background will display. I assume it has to do with attempting to bind the Background selector and view multiple times. Any advice would be appreciated.
<Grid Grid.Column="0">
<Canvas Name="Screen0">
<transitions:TransitionPresenter TransitionSelector="{Binding BackgroundTransitionSelector}" Content="{Binding BackgroundView}" Height="{Binding ElementName=Screen0, Path=ActualHeight}" Width="{Binding ElementName=Screen0, Path=ActualWidth}" IsContentVideo="true" />
<Grid Height="{Binding ElementName=Screen0, Path=ActualHeight}" Width="{Binding ElementName=Screen0, Path=ActualWidth}">
<Grid.Background>
<SolidColorBrush Color="Black" Opacity="{Binding BackgroundFade}" />
</Grid.Background>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="30*" />
<ColumnDefinition Width="10*" />
<ColumnDefinition Width="50*" />
<ColumnDefinition Width="10*" />
</Grid.ColumnDefinitions>
<coverFlow:FlowControl x:Name="FlowControl" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Grid.Column="0" CoverFactory="{Binding CoverFactory}" ImageType="Clear Logos"
CurveAmount="4.5" CameraZPosition="3.0" VisibleCount="14" PageSize="6" Spacing="1.0" ItemZPosition="1.0" SelectedItemZPosition="2.0" />
<Grid Grid.Column="2">
<Grid.RowDefinitions>
<RowDefinition Height="10*" />
<RowDefinition Height="50*" />
<RowDefinition Height="10*" />
</Grid.RowDefinitions>
<transitions:TransitionPresenter Grid.Row="1" TransitionSelector="{Binding ImageTransitionSelector}" Content="{Binding ImageView}" />
</Grid>
</Grid>
</Canvas>
</Grid>
<Grid Grid.Column="1">
<Canvas Name="Screen1">
<transitions:TransitionPresenter TransitionSelector="{Binding BackgroundTransitionSelector}" Content="{Binding BackgroundView}" Height="{Binding ElementName=Screen1, Path=ActualHeight}" Width="{Binding ElementName=Screen1, Path=ActualWidth}" IsContentVideo="true" />
<Grid Height="{Binding ElementName=Screen1, Path=ActualHeight}" Width="{Binding ElementName=Screen1, Path=ActualWidth}">
<Grid.Background>
<SolidColorBrush Color="Black" Opacity="{Binding BackgroundFade}" />
</Grid.Background>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="20*" />
<ColumnDefinition Width="80*" />
<ColumnDefinition Width="20*" />
</Grid.ColumnDefinitions>
<Grid Grid.Column="1">
<Grid.RowDefinitions>
<RowDefinition Height="10*" />
<RowDefinition Height="50*" />
<RowDefinition Height="10*" />
</Grid.RowDefinitions>
<transitions:TransitionPresenter Grid.Row="1" TransitionSelector="{Binding ImageVideoTransitionSelector}" Content="{Binding ImageVideoView}" IsContentVideo="true" />
</Grid>
</Grid>
</Canvas>
</Grid>
<Grid Grid.Column="2">
<Canvas Name="Screen2">
<transitions:TransitionPresenter TransitionSelector="{Binding BackgroundTransitionSelector}" Content="{Binding BackgroundView}" Height="{Binding ElementName=Screen2, Path=ActualHeight}" Width="{Binding ElementName=Screen2, Path=ActualWidth}" IsContentVideo="true" />
<Grid Height="{Binding ElementName=Screen2, Path=ActualHeight}" Width="{Binding ElementName=Screen2, Path=ActualWidth}">
<Grid.Background>
<SolidColorBrush Color="Black" Opacity="{Binding BackgroundFade}" />
</Grid.Background>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="20*" />
<ColumnDefinition Width="80*" />
<ColumnDefinition Width="20*" />
</Grid.ColumnDefinitions>
<Grid Grid.Column="1">
<Grid.RowDefinitions>
<RowDefinition Height="10*" />
<RowDefinition Height="50*" />
<RowDefinition Height="10*" />
</Grid.RowDefinitions>
<transitions:TransitionPresenter Grid.Row="1" TransitionSelector="{Binding GameDetailsTransitionSelector}" Content="{Binding GameDetailsView}" />
</Grid>
</Grid>
</Canvas>
</Grid>