Xceed DataGrid for WPF v7.2 Documentation
CardflowView3D.Elemental.Pink.xaml
Welcome to Xceed DataGrid, Editors, and 3D Views for WPF v7.2 > Xceed DataGrid for WPF > DataGrid Fundamentals > Views and Themes > Themes > Multi-surface Themes > Custom Multi-surface Themes > ElementalPinkTheme Class > Resources > CardflowView3D.Elemental.Pink.xaml

The following XAML represents the resource dictionary that provides the templates and styles required by the Elemental Pink theme.

XAML
Copy Code
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                   xmlns:local="clr-namespace:Xceed.Wpf.Documentation"
                   xmlns:xcdg="http://schemas.xceed.com/wpf/xaml/datagrid">
  <ResourceDictionary.MergedDictionaries>
     <ResourceDictionary Source="/Xceed.Wpf.DataGrid;component\themes/Common/Graphics.xaml" />
     <!-- Include the view independant, color-scheme independant, theme resources -->
     <ResourceDictionary Source="Elemental.Resources.xaml" />
     <!-- Include the standard grid element templates -->
     <ResourceDictionary Source="/Xceed.Wpf.DataGrid;component\themes/Common/CardView.GridElementTemplates.xaml" />
  </ResourceDictionary.MergedDictionaries>
  <!-- =================================================================== -->
  <!-- Resources specific to this View/Theme/ColorScheme                   -->
  <!-- =================================================================== -->
  <VisualBrush x:Key="emptySurfaceBrush">
     <VisualBrush.Visual>
        <Grid Height="1"
              Width="1">
           <Border>
              <Border.Background>
                 <LinearGradientBrush StartPoint="0.5,1"
                                      EndPoint="0.5,0">
                    <GradientStop Offset="0"
                                  Color="#FF5F0037"/>
                    <GradientStop Offset="0.33"
                                  Color="#FF920054"/>
                    <GradientStop Offset="0.63"
                                  Color="#FFB30067"/>
                    <GradientStop Offset="1"
                                  Color="#FFFF0092"/>
                 </LinearGradientBrush>
              </Border.Background>
           </Border>
           <!--Glossy Effect that needs to be over the title and under the rest.-->
           <Grid>
              <Grid.RowDefinitions>
                 <RowDefinition Height="0.517*" />
                 <RowDefinition Height="0.14*" />
                 <RowDefinition Height="0.166*" />
                 <RowDefinition Height="0.177*" />
              </Grid.RowDefinitions>
              <Path Grid.Row="4"
                    VerticalAlignment="Top"
                    Data="M 298,100 C298,100 114,99 0,100 231,100 298,48 298,48 298,48 298,100 298,100 z"
                    Fill="#ffffff"
                    Opacity="0.15"
                    Stretch="Fill" />
              <Path Grid.Row="2"
                    Grid.RowSpan="2"
                    Data="M 298,100 C298,100 31.5,100 0,100 217,100 298,0 298,0 298,0 298,100 298,100 z"
                    Fill="#ffffff"
                    Opacity="0.15"
                    Stretch="Fill" />
              <Path Grid.RowSpan="2"
                    Data="M 0,0 C0,0 266.5,0 298,0 81,0 0,192 0,192 0,192 0,0 0,0 z"
                    Fill="#FF000000"
                    Opacity="0.2"
                    Stretch="Fill" />
              <Path Data="M 0,0 C0,0 184,1 298,0 67,0 0,153 0,153 0,153 0,0 0,0 z"
                    Fill="#FF000000"
                    Opacity="0.2"
                    Stretch="Fill" />
           </Grid>
        </Grid>
     </VisualBrush.Visual>
  </VisualBrush>
     <LinearGradientBrush x:Key="selectedForeground"
        StartPoint="0.5,1"
                          EndPoint="0.5,0">
        <GradientStop Offset="0"
                      Color="#FF5F0037"/>     
        <GradientStop Offset="1"
                      Color="#FFFF0092"/>
     </LinearGradientBrush>
  <!-- =================================================================== -->
  <!-- Templates specific to this View/Theme/ColorScheme                   -->
  <!-- =================================================================== -->
  <!--**************************
   * TEMPLATE: DataGridControl
   ************************** -->
  <ControlTemplate x:Key="gridControlTemplate"
                   TargetType="xcdg:DataGridControl">
     <Border Background="{TemplateBinding Background}"
             BorderBrush="{TemplateBinding BorderBrush}"
             BorderThickness="{TemplateBinding BorderThickness}">
        <Grid>
           <Grid.RowDefinitions>
              <RowDefinition Height="0.90*" />
              <RowDefinition Height="0.10*" />
           </Grid.RowDefinitions>
           <Grid.ColumnDefinitions>
              <ColumnDefinition Width="0.925*" />
              <ColumnDefinition Width="0.075*" />
           </Grid.ColumnDefinitions>
           <!-- The AdornerDecorator will allow visual cues for Drag & Drop operations. -->
           <AdornerDecorator x:Name="PART_DragDropAdornerDecorator"
                             Grid.Row="0"
                             Grid.RowSpan="2"
                             Grid.Column="0"
                             Grid.ColumnSpan="2">
              <xcdg:CardViewScrollViewer x:Name="PART_ScrollViewer"
                                         Style="{StaticResource 3dViewScrollViewer}"
                                         Padding="{TemplateBinding Padding}">
                 <xcdg:CardflowItemsHost x:Name="itemsHost"
                                          ShowReflections="{xcdg:ViewBinding ShowReflections}"
                                          EmptySurfaceBrush="{xcdg:ViewBinding EmptySurfaceBrush}"
                                          SideCardsCount="{xcdg:ViewBinding SideCardsCount}"
                                          IsCardFlippingEnabled="{xcdg:ViewBinding IsCardFlippingEnabled}"
                                          CardHeightToViewportRatio="{xcdg:ViewBinding CardHeightToViewportRatio}"
                                          SideCardsZOffset="{xcdg:ViewBinding SideCardsZOffset}"
                                          SideCardsYAngle="{xcdg:ViewBinding SideCardsYAngle}"
                                          SideCardsXAngle="{xcdg:ViewBinding SideCardsXAngle}"
                                          CenterCardYAngle="{xcdg:ViewBinding CenterCardYAngle}"
                                          CenterCardXAngle="{xcdg:ViewBinding CenterCardXAngle}"
                                          SideCardsXOffset="{xcdg:ViewBinding SideCardsXOffset}"
                                          SideCardsXSpacing="{xcdg:ViewBinding SideCardsXSpacing}"
                                          SideCardsZSpacing="{xcdg:ViewBinding SideCardsZSpacing}"
                                          FieldOfView="{xcdg:ViewBinding FieldOfView}"
                                          CameraXOffset="{xcdg:ViewBinding CameraXOffset}"
                                          CameraYOffset="{xcdg:ViewBinding CameraYOffset}"
                                          CameraZOffset="{xcdg:ViewBinding CameraZOffset}"
                                          CameraLooksAtOriginOnX="{xcdg:ViewBinding CameraLooksAtOriginOnX}"
                                          CameraLooksAtOriginOnY="{xcdg:ViewBinding CameraLooksAtOriginOnY}"
                                          CameraRevolutionXAngle="{xcdg:ViewBinding CameraRevolutionXAngle}"
                                          CameraRevolutionYAngle="{xcdg:ViewBinding CameraRevolutionYAngle}" />
              </xcdg:CardViewScrollViewer>
           </AdornerDecorator>
           <Viewbox Grid.Row="1"
                    Grid.Column="1">
              <Button Style="{StaticResource flipButton}"
                      HorizontalAlignment="Center"
                      VerticalAlignment="Center"
                      Focusable="False"
                      Margin="10"
                      Command="{x:Static xcdg:CardflowView3D.FlipCenterCard}"
                      CommandTarget="{Binding ElementName=itemsHost}">
              </Button>
           </Viewbox>
        </Grid>
     </Border>
  </ControlTemplate>
  <!--**************************
   * TEMPLATE: Row
   ************************** -->
  <ControlTemplate x:Key="cardFlowView3DRowTemplate"
                   TargetType="xcdg:Row">
     <!-- Setting KeyboardNavigation.DirectionalNavigation on the top element of the template is important to ensure that focus cannot be given to
        the Row using keyboard navigation. This is done in conjunction to setting the PART_RowFocusRoot name INSIDE the element marked as "none" -->
     <Border x:Name="rootBorder"
             CornerRadius="0"
             RenderTransformOrigin="0.5,0.5"
             KeyboardNavigation.DirectionalNavigation="None">
        <!-- In CardView, a Row is represented as a card with a Title at the top and the Cells
             aligned vertically in the reminder part of the template. This DockPanel is used
             to layout the Title and the Cells in this manner. -->
        <Grid x:Name="PART_RowFocusRoot">
           <Grid ShowGridLines="False">
              <Grid.RowDefinitions>
                 <!--Top Row acts like a Margin for the card's content-->
                 <RowDefinition Height="0.1*" />
                 <!--Upper band where the title would be by default-->
                 <RowDefinition Height="*" />
                 <!--Margin between the upper band and the card's content-->
                 <RowDefinition Height="0.1*" />
                 <!--Cells Or Image Content-->
                 <RowDefinition Height="0.5*" />
                 <!--This zone is added to center the title.-->
                 <RowDefinition Height="0.5*" />
                 <RowDefinition Height="0.5*" />
                 <RowDefinition Height="0.5*" />
                 <!--Cells Or Image Content Margin-->
                 <RowDefinition Height="0.1*" />
                 <!--Extra Zone incase a 2nd cell region is needed-->
                 <RowDefinition Height="*" />
                 <!--Card bottom Margin-->
                 <RowDefinition Height="0.1*" />
              </Grid.RowDefinitions>
              <Grid.ColumnDefinitions>
                 <!--Card's left side margin-->
                 <ColumnDefinition Width="0.05*" />
                 <!--Cells or Image content-->
                 <ColumnDefinition Width="*" />
                 <!--Cells or Image content Margin-->
                 <ColumnDefinition Width="0.05*" />
                 <ColumnDefinition Width="0.05*" />
                 <!--Cells or Image content-->
                 <ColumnDefinition Width="*" />
                 <!--Card's Right side margin-->
                 <ColumnDefinition Width="0.05*" />
              </Grid.ColumnDefinitions>
              <!--Card's Background Visual Tree-->
              <Grid Grid.Row="0"
                    Grid.RowSpan="10"
                    Grid.Column="0"
                    Grid.ColumnSpan="6">
                 <Border x:Name="bgCard"
                         Grid.ColumnSpan="4"
                         Grid.RowSpan="5">
                    <Border.Background>
                       <LinearGradientBrush StartPoint="0.5,1"
                                            EndPoint="0.5,0">
                          <GradientStop Offset="0"
                                        Color="#FF5F0037"/>
                          <GradientStop Offset="0.33"
                                        Color="#FF920054"/>
                          <GradientStop Offset="0.63"
                                        Color="#FFB30067"/>
                          <GradientStop Offset="1"
                                        Color="#FFFF0092"/>
                       </LinearGradientBrush>
                    </Border.Background>
                 </Border>
                   <!-- Bind the background of the border to the row background to display
                      potential backgrounds -->
                 <Border Background="{TemplateBinding Background}"/>
              </Grid>
              <!--Default Title Band-->
              <Grid x:Name="titleZone"
                    Visibility="Collapsed"
                    Opacity="1"
                    Grid.Row="0"
                    Grid.RowSpan="2"
                    Grid.Column="0"
                    Grid.ColumnSpan="6">
                 <Border Grid.RowSpan="1"
                         Margin="1,1,1,0"
                         Opacity="0.5">
                    <Border.Background>
                       <LinearGradientBrush StartPoint="0.5,1"
                                            EndPoint="0.5,0">
                          <GradientStop Offset="0"
                                        Color="#FF610038"/>
                          <GradientStop Offset="1"
                                        Color="#FFFF0093"/>
                       </LinearGradientBrush>
                    </Border.Background>
                 </Border>
              </Grid>
              <!--Glossy Effect that needs to be over the title and under the rest.-->
              <Grid Grid.Row="0"
                    Grid.RowSpan="10"
                    Grid.Column="0"
                    Grid.ColumnSpan="6">
                 <Grid.RowDefinitions>
                    <RowDefinition Height="0.517*" />
                    <RowDefinition Height="0.14*" />
                    <RowDefinition Height="0.166*" />
                    <RowDefinition Height="0.177*" />
                 </Grid.RowDefinitions>
                 <Path Grid.Row="4"
                       VerticalAlignment="Top"
                       Data="M 298,100 C298,100 114,99 0,100 231,100 298,48 298,48 298,48 298,100 298,100 z"
                       Fill="#ffffff"
                       Opacity="0.15"
                       Stretch="Fill" />
                 <Path Grid.Row="2"
                       Grid.RowSpan="2"
                       Data="M 298,100 C298,100 31.5,100 0,100 217,100 298,0 298,0 298,0 298,100 298,100 z"
                       Fill="#ffffff"
                       Opacity="0.15"
                       Stretch="Fill" />
                 <Path Grid.RowSpan="2"
                       Data="M 0,0 C0,0 266.5,0 298,0 81,0 0,192 0,192 0,192 0,0 0,0 z"
                       Fill="#FF000000"
                       Opacity="0.2"
                       Stretch="Fill" />
                 <Path Data="M 0,0 C0,0 184,1 298,0 67,0 0,153 0,153 0,153 0,0 0,0 z"
                       Fill="#FF000000"
                       Opacity="0.2"
                       Stretch="Fill" />
              </Grid>
              <!--REGION_Data-->
              <xcdg:RegionPresenter x:Name="REGION_Data"
                                    Opacity="1"
                                    IsHitTestVisible="True"
                                    Visibility="Collapsed"
                                    IsDefaultRegion="True"
                                    Margin="4,0,0,0"
                                    Grid.Row="5"
                                    Grid.RowSpan="4"
                                    Grid.Column="1"
                                    Grid.ColumnSpan="4">
                   <!-- ScrollViewer should not be focusable to prevent it to catch the
                          focus when clicked and also to prevent keyboard navigation
issues.-->
<ScrollViewer VerticalScrollBarVisibility="Auto"
            Focusable="False">
 <StackPanel xcdg:RegionPresenter.IsCellsHost="True" />
</ScrollViewer>
              </xcdg:RegionPresenter>
              <!--Region where the image field will be hosted.-->
              <Grid x:Name="imageHost"
                    Visibility="Collapsed"
                    Grid.Row="1"
                    Grid.RowSpan="3"
                    Grid.Column="1"
                    Grid.ColumnSpan="1">
                 <Grid.RowDefinitions>
                    <RowDefinition Height="0.02*" />
                    <RowDefinition Height="0.364*" />
                    <RowDefinition Height="0.593*" />
                    <RowDefinition Height="0.02*" />
                 </Grid.RowDefinitions>
                 <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="0.02*" />
                    <ColumnDefinition Width="0.9*" />
                    <ColumnDefinition Width="0.02*" />
                 </Grid.ColumnDefinitions>
                 <Border x:Name="bgPicture"
                         Grid.ColumnSpan="3"
                         Grid.RowSpan="4">
                    <Border.Background>
                       <LinearGradientBrush StartPoint="0.5,1"
                                            EndPoint="0.5,0">
                          <GradientStop Offset="0"
                                        Color="#FF5F0037"/>
                          <GradientStop Offset="1"
                                        Color="#FFFF92D1"/>
                       </LinearGradientBrush>
                    </Border.Background>
                 </Border>
                 <Border x:Name="Picture"
                         Grid.Column="1"
                         Grid.Row="1"
                         Grid.RowSpan="2">
                    <Border.Background>
                       <LinearGradientBrush StartPoint="0.5,1"
                                            EndPoint="0.5,0">
                          <GradientStop Offset="0"
                                        Color="#FFcccccc" />
                          <GradientStop Offset="1"
                                        Color="#FF999999" />
                       </LinearGradientBrush>
                    </Border.Background>
                 </Border>
                 <xcdg:RegionPresenter x:Name="REGION_Image"
                                       IsHitTestVisible="True"
                                       xcdg:RegionConfiguration.ShowCellTitles="False"
                                       Visibility="Visible"
                                       ImageStretch="UniformToFill"
                                       Grid.Row="1"
                                       Grid.RowSpan="2"
                                       Grid.Column="1">
                    <Grid xcdg:RegionPresenter.IsCellsHost="True" />
                 </xcdg:RegionPresenter>
                 <Path x:Name="pictureGlowEffectPath"
                       Grid.Column="1"
                       Grid.Row="1"
                       IsHitTestVisible="False"
                       VerticalAlignment="Top"
                       Data="M 0,0 C0,0 122,0 122,0 122,0 122,25 122,25 122,25 106.597,50 61.498,50 16.399,50 0,25 0,25 0,25 0,0 0,0 z"
                       Stretch="Fill">
                    <Path.Fill>
                       <LinearGradientBrush StartPoint="0.5,0"
                                            EndPoint="0.5,1">
                          <GradientStop Offset="0"
                                        Color="#bcffffff" />
                          <GradientStop Offset="0.72"
                                        Color="#30ffffff" />
                          <GradientStop Offset="1"
                                        Color="#30ffffff" />
                       </LinearGradientBrush>
                    </Path.Fill>
                 </Path>
                 <Border x:Name="borderLightPicture"
                         IsHitTestVisible="False"
                         Grid.Column="1"
                         Grid.Row="1"
                         Grid.RowSpan="2"
                         Margin="1,1,1,1"
                         BorderBrush="#FFFFFFFF"
                         BorderThickness="1,1,1,1" />
                 <Border x:Name="borderDarkPicture4"
                         IsHitTestVisible="False"
                         Grid.Column="1"
                         Grid.Row="1"
                         Grid.RowSpan="2"
                         BorderThickness="1,1,1,1">
                    <Border.BorderBrush>
                       <LinearGradientBrush StartPoint="0.5,0"
                                            EndPoint="0.5,1">
                          <GradientStop Offset="0"
                                        Color="#FFFF0092"/>
                          <GradientStop Offset="1"
                                        Color="#FF3E0032"/>
                       </LinearGradientBrush>
                    </Border.BorderBrush>
                 </Border>
              </Grid>
              <!--Middle Title Band-->
              <Grid x:Name="middleTitleBand"
                    Visibility="Collapsed"
                    IsHitTestVisible="False"
                    Grid.Row="4"
                    Grid.RowSpan="2"
                    Grid.Column="0"
                    Grid.ColumnSpan="6">
                 <Border Grid.RowSpan="1"
                         Margin="1,1,1,0"
                         Opacity="0.90">
                    <Border.Background>
                       <LinearGradientBrush StartPoint="0.5,1"
                                            EndPoint="0.5,0">
                          <GradientStop Offset="0"
                                        Color="#FF610038"/>
                          <GradientStop Offset="1"
                                        Color="#FFFF0093"/>
                       </LinearGradientBrush>
                    </Border.Background>
                 </Border>
              </Grid>
              <!--Second Middle Title Band-->
              <Grid x:Name="middleSecondTitleBand"
                    Visibility="Collapsed"
                    IsHitTestVisible="False"
                    Grid.Row="0"
                    Grid.RowSpan="2"
                    Grid.Column="0"
                    Grid.ColumnSpan="6">
                 <Border Grid.RowSpan="1"
                         Margin="1,1,1,0"
                         Opacity="0.90">
                    <Border.Background>
                       <LinearGradientBrush StartPoint="0.5,1"
                                            EndPoint="0.5,0">
                          <GradientStop Offset="0"
                                        Color="#FF610038"/>
                          <GradientStop Offset="1"
                                        Color="#FFFF0093"/>
                       </LinearGradientBrush>
                    </Border.Background>
                 </Border>
              </Grid>
              <!--REGION_Title-->
              <Grid x:Name="gridTitleRegion"
                    Grid.Row="4"
                    Grid.RowSpan="1"
                    Grid.Column="0"
                    Grid.ColumnSpan="6">
                 <xcdg:RegionPresenter x:Name="REGION_Title"
                                       Visibility="Collapsed"
                                       Margin="5"
                                       xcdg:RegionConfiguration.ShowCellTitles="False">
                    <Viewbox>
                       <Grid Width="180">
                          <Grid xcdg:RegionPresenter.IsCellsHost="True"
                                HorizontalAlignment="Center" />
                       </Grid>
                    </Viewbox>
                 </xcdg:RegionPresenter>
              </Grid>
              <!--REGION_SecondTitle-->
              <Grid x:Name="gridSecondTitleRegion"
                    Grid.Row="1"
                    Grid.RowSpan="1"
                    Grid.Column="0"
                    Grid.ColumnSpan="6">
                 <xcdg:RegionPresenter x:Name="REGION_SecondTitle"
                                       Visibility="Collapsed"
                                       Margin="5"
                                       xcdg:RegionConfiguration.ShowCellTitles="False">
                    <Viewbox>
                       <Grid Width="180">
                          <Grid xcdg:RegionPresenter.IsCellsHost="True"
                                HorizontalAlignment="Center" />
                       </Grid>
                    </Viewbox>
                 </xcdg:RegionPresenter>
              </Grid>

           </Grid>
        </Grid>
     </Border>
     <ControlTemplate.Triggers>
        <!--Main (remaining cells) only surface configuration-->
        <Trigger Property="xcdg:MultiSurfaceViewBase.CoercedSurfaceConfigurationType"
                 Value="{x:Type xcdg:DataSurfaceConfiguration}">
           <Setter TargetName="REGION_Data"
                   Property="Grid.Row"
                   Value="1" />
           <Setter TargetName="REGION_Data"
                   Property="Grid.RowSpan"
                   Value="8" />
           <Setter TargetName="REGION_Data"
                   Property="Grid.Column"
                   Value="1" />
           <Setter TargetName="REGION_Data"
                   Property="Grid.ColumnSpan"
                   Value="4" />
           <Setter TargetName="REGION_Data"
                   Property="Visibility"
                   Value="Visible" />
        </Trigger>
        <!--Image only surface configuration-->
        <Trigger Property="xcdg:MultiSurfaceViewBase.CoercedSurfaceConfigurationType"
                 Value="{x:Type xcdg:ImageSurfaceConfiguration}">
           <Setter TargetName="imageHost"
                   Property="Grid.Column"
                   Value="1" />
           <Setter TargetName="imageHost"
                   Property="Grid.ColumnSpan"
                   Value="4" />
           <Setter TargetName="imageHost"
                   Property="Grid.RowSpan"
                   Value="8" />
           <Setter TargetName="imageHost"
                   Property="Grid.Row"
                   Value="1" />
           <Setter TargetName="imageHost"
                   Property="Visibility"
                   Value="Visible" />
           <Setter TargetName="pictureGlowEffectPath"
                   Property="Opacity"
                   Value="0.5" />
        </Trigger>
        <!--Title only surface configuration-->
        <Trigger Property="xcdg:MultiSurfaceViewBase.CoercedSurfaceConfigurationType"
                 Value="{x:Type xcdg:TitleSurfaceConfiguration}">
           <Setter TargetName="gridTitleRegion"
                   Property="Grid.Column"
                   Value="0" />
           <Setter TargetName="gridTitleRegion"
                   Property="Grid.ColumnSpan"
                   Value="5" />
           <Setter TargetName="gridTitleRegion"
                   Property="Grid.Row"
                   Value="4" />
           <Setter TargetName="gridTitleRegion"
                   Property="Grid.RowSpan"
                   Value="2" />
           <Setter TargetName="REGION_Title"
                   Property="Visibility"
                   Value="Visible" />
        </Trigger>
        <!--Title and image surface configuration-->
        <Trigger Property="xcdg:MultiSurfaceViewBase.CoercedSurfaceConfigurationType"
                 Value="{x:Type xcdg:ImageAndTitleSurfaceConfiguration}">
           <Setter TargetName="imageHost"
                   Property="Grid.Column"
                   Value="1" />
           <Setter TargetName="imageHost"
                   Property="Grid.ColumnSpan"
                   Value="4" />
           <Setter TargetName="imageHost"
                   Property="Grid.RowSpan"
                   Value="8" />
           <Setter TargetName="imageHost"
                   Property="Grid.Row"
                   Value="1" />
           <Setter TargetName="imageHost"
                   Property="Visibility"
                   Value="Visible" />
           <Setter TargetName="REGION_Title"
                   Property="Visibility"
                   Value="Visible" />
           <Setter TargetName="gridTitleRegion"
                   Property="Grid.Column"
                   Value="0" />
           <Setter TargetName="gridTitleRegion"
                   Property="Grid.ColumnSpan"
                   Value="6" />
           <Setter TargetName="gridTitleRegion"
                   Property="Grid.Row"
                   Value="8" />
           <Setter TargetName="gridTitleRegion"
                   Property="Grid.RowSpan"
                   Value="1" />
           <Setter TargetName="REGION_Title"
                   Property="Visibility"
                   Value="Visible" />
           
           <Setter TargetName="middleTitleBand"
                   Property="Visibility"
                   Value="Visible" />
           <Setter TargetName="middleTitleBand"
                   Property="Grid.Row"
                   Value="8" />
        </Trigger>
        <!--Second-Title and image surface configuration-->
        <Trigger Property="xcdg:MultiSurfaceViewBase.CoercedSurfaceConfigurationType"
                 Value="{x:Type local:ImageAndDoubleTitleSurfaceConfiguration}">
           <Setter TargetName="imageHost"
                   Property="Grid.Column"
                   Value="1" />
           <Setter TargetName="imageHost"
                   Property="Grid.ColumnSpan"
                   Value="4" />
           <Setter TargetName="imageHost"
                   Property="Grid.RowSpan"
                   Value="8" />
           <Setter TargetName="imageHost"
                   Property="Grid.Row"
                   Value="1" />
           <Setter TargetName="imageHost"
                   Property="Visibility"
                   Value="Visible" />
           <Setter TargetName="middleSecondTitleBand"
                   Property="Visibility"
                   Value="Visible"/>
           <Setter TargetName="REGION_SecondTitle"
                   Property="Visibility"
                   Value="Visible" />
           <Setter TargetName="gridSecondTitleRegion"
                   Property="Grid.Column"
                   Value="0" />
           <Setter TargetName="gridSecondTitleRegion"
                   Property="Grid.ColumnSpan"
                   Value="6" />
           <Setter TargetName="gridSecondTitleRegion"
                   Property="Grid.Row"
                   Value="1" />
           <Setter TargetName="gridSecondTitleRegion"
                   Property="Grid.RowSpan"
                   Value="1" />
           
           <!---->
           <Setter TargetName="REGION_Title"
                   Property="Visibility"
                   Value="Visible" />
           <Setter TargetName="gridTitleRegion"
                   Property="Grid.Column"
                   Value="0" />
           <Setter TargetName="gridTitleRegion"
                   Property="Grid.ColumnSpan"
                   Value="6" />
           <Setter TargetName="gridTitleRegion"
                   Property="Grid.Row"
                   Value="8" />
           <Setter TargetName="gridTitleRegion"
                   Property="Grid.RowSpan"
                   Value="2" />
           <!---->           
           <Setter TargetName="middleTitleBand"
                   Property="Visibility"
                   Value="Visible" />
           <Setter TargetName="middleTitleBand"
                   Property="Grid.Row"
                   Value="8" />
        </Trigger>
        <!--Main (remaining cells) and Image surface configuration-->
        <Trigger Property="xcdg:MultiSurfaceViewBase.CoercedSurfaceConfigurationType"
                 Value="{x:Type xcdg:ImageAndDataSurfaceConfiguration}">
           <Setter TargetName="imageHost"
                   Property="Visibility"
                   Value="Visible" />
           <Setter TargetName="REGION_Data"
                   Property="Visibility"
                   Value="Visible" />
           <Setter TargetName="imageHost"
                   Property="Grid.Row"
                   Value="1" />
           <Setter TargetName="imageHost"
                   Property="Grid.RowSpan"
                   Value="3" />
           <Setter TargetName="imageHost"
                   Property="Grid.Column"
                   Value="1" />
           <Setter TargetName="imageHost"
                   Property="Grid.ColumnSpan"
                   Value="4" />
           <Setter TargetName="REGION_Data"
                   Property="Grid.Row"
                   Value="4" />
           <Setter TargetName="REGION_Data"
                   Property="Grid.RowSpan"
                   Value="5" />
           <Setter TargetName="REGION_Data"
                   Property="Grid.Column"
                   Value="1" />
           <Setter TargetName="REGION_Data"
                   Property="Grid.ColumnSpan"
                   Value="4" />
        </Trigger>
        <!--Main (remaining cells) and title surface configuration-->
        <Trigger Property="xcdg:MultiSurfaceViewBase.CoercedSurfaceConfigurationType"
                 Value="{x:Type xcdg:TitleAndDataSurfaceConfiguration}">
           <Setter TargetName="gridTitleRegion"
                   Property="Grid.Column"
                   Value="0" />
           <Setter TargetName="gridTitleRegion"
                   Property="Grid.ColumnSpan"
                   Value="6" />
           <Setter TargetName="gridTitleRegion"
                   Property="Grid.Row"
                   Value="0" />
           <Setter TargetName="gridTitleRegion"
                   Property="Grid.RowSpan"
                   Value="2" />
           <Setter TargetName="REGION_Title"
                   Property="Visibility"
                   Value="Visible" />
           <Setter TargetName="titleZone"
                   Property="Visibility"
                   Value="Visible" />
           <Setter TargetName="REGION_Data"
                   Property="Grid.Row"
                   Value="3" />
           <Setter TargetName="REGION_Data"
                   Property="Grid.RowSpan"
                   Value="6" />
           <Setter TargetName="REGION_Data"
                   Property="Visibility"
                   Value="Visible" />
        </Trigger>
        <!--Main (remaining cells) title and image surface configuration-->
        <Trigger Property="xcdg:MultiSurfaceViewBase.CoercedSurfaceConfigurationType"
                 Value="{x:Type xcdg:CompleteSurfaceConfiguration}">
           <Setter TargetName="imageHost"
                   Property="Visibility"
                   Value="Visible" />
           <Setter TargetName="imageHost"
                   Property="Grid.Row"
                   Value="1" />
           <Setter TargetName="imageHost"
                   Property="Grid.RowSpan"
                   Value="4" />
           <Setter TargetName="imageHost"
                   Property="Grid.Column"
                   Value="1" />
           <Setter TargetName="imageHost"
                   Property="Grid.ColumnSpan"
                   Value="1" />
           <Setter TargetName="REGION_Title"
                   Property="Visibility"
                   Value="Visible" />
           <Setter TargetName="gridTitleRegion"
                   Property="Grid.Row"
                   Value="1" />
           <Setter TargetName="gridTitleRegion"
                   Property="Grid.RowSpan"
                   Value="1" />
           <Setter TargetName="gridTitleRegion"
                   Property="Grid.Column"
                   Value="3" />
           <Setter TargetName="gridTitleRegion"
                   Property="Grid.ColumnSpan"
                   Value="2" />
           <Setter TargetName="REGION_Data"
                   Property="Visibility"
                   Value="Visible" />
           <Setter TargetName="titleZone"
                   Property="Visibility"
                   Value="Visible" />
           <Setter TargetName="REGION_Title"
                   Property="Margin"
                   Value="0,5,5,0" />
        </Trigger>
        <!-- Top TitlePosition-->
        <!-- If any position changes in this trigger, make sure to duplicate them in the other multitrigger-->
        <MultiDataTrigger>
           <MultiDataTrigger.Conditions>
              <Condition Binding="{Binding RelativeSource={RelativeSource Self}, Path=(xcdg:MultiSurfaceViewBase.CoercedSurfaceConfigurationType)}"
                         Value="{x:Type xcdg:TitleSurfaceConfiguration}" />
              <Condition Binding="{Binding RelativeSource={RelativeSource Self}, Path=(xcdg:MultiSurfaceViewBase.SurfaceConfigurationContext).TitlePosition}"
                         Value="Top" />
           </MultiDataTrigger.Conditions>
           <Setter TargetName="gridTitleRegion"
                   Property="Grid.Row"
                   Value="0" />
           <Setter TargetName="gridTitleRegion"
                   Property="Grid.RowSpan"
                   Value="2" />
        </MultiDataTrigger>
        <!-- Middle TitlePosition-->
        <!-- If any position changes in this trigger, make sure to duplicate them in the other multitrigger-->
        <MultiDataTrigger>
           <MultiDataTrigger.Conditions>
              <Condition Binding="{Binding RelativeSource={RelativeSource Self}, Path=(xcdg:MultiSurfaceViewBase.CoercedSurfaceConfigurationType)}"
                         Value="{x:Type xcdg:TitleSurfaceConfiguration}" />
              <Condition Binding="{Binding RelativeSource={RelativeSource Self}, Path=(xcdg:MultiSurfaceViewBase.SurfaceConfigurationContext).TitlePosition}"
                         Value="Bottom" />
           </MultiDataTrigger.Conditions>
           <Setter TargetName="gridTitleRegion"
                   Property="Grid.Row"
                   Value="8" />
           <Setter TargetName="gridTitleRegion"
                   Property="Grid.RowSpan"
                   Value="2" />
        </MultiDataTrigger>
        <!-- When the Row is Selected, we want to change the background/foreground of the Title to the appropriate brushes. -->
        <MultiDataTrigger>
           <MultiDataTrigger.Conditions>
              <Condition Binding="{Binding RelativeSource={RelativeSource Self},Path=IsSelected}"
                         Value="True" />
              <Condition Binding="{Binding RelativeSource={RelativeSource FindAncestor,AncestorType=xcdg:DataGridControl},Path=IsKeyboardFocusWithin}"
                         Value="True" />
           </MultiDataTrigger.Conditions>
           <!--<Setter TargetName="cardTitleBorder"
                   Property="Background"
                   Value="{Binding RelativeSource={RelativeSource TemplatedParent},Path=SelectionBackground}" />
           <Setter TargetName="cardTitleBorder"
                   Property="TextElement.Foreground"
                   Value="{Binding RelativeSource={RelativeSource TemplatedParent},Path=SelectionForeground}" />-->
        </MultiDataTrigger>
        <!-- When the Row is Selected but the parent DataGridControl is not focused, we want to change
             the Row's background/foreground to the appropriate brushes. -->
        <MultiDataTrigger>
           <MultiDataTrigger.Conditions>
              <Condition Binding="{Binding RelativeSource={RelativeSource Self},Path=IsSelected}"
                         Value="True" />
              <Condition Binding="{Binding RelativeSource={RelativeSource FindAncestor,AncestorType=xcdg:DataGridControl},Path=IsKeyboardFocusWithin}"
                         Value="False" />
              <Condition Binding="{Binding RelativeSource={RelativeSource FindAncestor,AncestorType=xcdg:DataGridControl},Path=HideSelection}"
                         Value="False" />
           </MultiDataTrigger.Conditions>
        </MultiDataTrigger>        
        
     </ControlTemplate.Triggers>
  </ControlTemplate>
  <!--**************************
   * TEMPLATE: Cell
   ************************** -->
  <ControlTemplate x:Key="cardFlowView3DCellTemplate"
                   TargetType="xcdg:Cell">
     <Border x:Name="rootBorder"
             Background="{TemplateBinding Background}"
             BorderBrush="{TemplateBinding BorderBrush}"
             BorderThickness="{TemplateBinding BorderThickness}"
             Padding="{TemplateBinding Padding}">
        <!-- In CardView, each cell consists of its FieldName followed by its Content. We use
             a Grid to layout both elements, with a SharedSizeGroup on the column that lays out
             the FieldName. In order for this to work as expected, the Row's CellsHost Panel
             must be set as the Grid.IsSharedSizeScope. -->
        <Grid>
           <Grid.ColumnDefinitions>
              <!-- FieldName -->
              <ColumnDefinition SharedSizeGroup="CellFieldName" />
              <!-- Cell Content -->
              <ColumnDefinition Width="*" />
           </Grid.ColumnDefinitions>
           <!-- Horizontal StackPanel used to lay out the FieldName and a colon. -->
           <StackPanel x:Name="cellTitle"
                       Grid.Column="0"
                       Orientation="Horizontal"
                       HorizontalAlignment="Left">
              <ContentPresenter Grid.Column="0"
                                Content="{Binding RelativeSource={RelativeSource TemplatedParent},Path=ParentColumn.Title}"
                                ContentTemplate="{Binding RelativeSource={RelativeSource TemplatedParent},Path=ParentColumn.TitleTemplate}"
                                ContentTemplateSelector="{Binding RelativeSource={RelativeSource TemplatedParent},Path=ParentColumn.TitleTemplateSelector}" />
              <TextBlock Text=": " />
           </StackPanel>
           <!-- In order to properly support in-place editing, a Cell's ContentPresenter
                must always use a CellContentBinding. -->
           <xcdg:CellContentPresenter x:Name="cellContent"
                                      Grid.Column="1"
                                      HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                      VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
        </Grid>
     </Border>
     <ControlTemplate.Triggers>
        <!-- When changing the appearance (e.g. background/foreground) of the Cell to reflect specific
             states (e.g. IsCurrent), it is recommended to apply the changes directly to the template
             elements because we want those modifications to be effective even when a value has been
             explicitely set to these properties on the TemplatedParent. Also, when someone queries
             the value of these properties on the TemplatedParent, we don't want to return the
             intermediate, state-specific values. -->
        <!-- When the Cell is Current, we want to change its background/foreground to the appropriate brushes.
             We do this only when the cell does not have a validation error because we must give priority
             to the CellErrorStyle (if present).-->
        <MultiTrigger>
           <MultiTrigger.Conditions>
              <Condition Property="IsCurrent"
                         Value="True" />
              <Condition Property="HasValidationError"
                         Value="False" />
           </MultiTrigger.Conditions>
           <Setter TargetName="rootBorder"
                   Property="Background"
                   Value="{Binding RelativeSource={RelativeSource TemplatedParent},Path=CurrentBackground}" />
           <Setter TargetName="rootBorder"
                   Property="TextElement.Foreground"
                   Value="{Binding RelativeSource={RelativeSource TemplatedParent},Path=CurrentForeground}" />
        </MultiTrigger>
        <MultiTrigger>
           <MultiTrigger.Conditions>
              <Condition Property="IsCurrent"
                         Value="True" />
              <Condition Property="HasValidationError"
                         Value="True" />
              <Condition Property="CellErrorStyle"
                         Value="{x:Null}" />
           </MultiTrigger.Conditions>
           <Setter TargetName="rootBorder"
                   Property="Background"
                   Value="{Binding RelativeSource={RelativeSource TemplatedParent},Path=CurrentBackground}" />
           <Setter TargetName="rootBorder"
                   Property="TextElement.Foreground"
                   Value="{Binding RelativeSource={RelativeSource TemplatedParent},Path=CurrentForeground}" />
        </MultiTrigger>
        <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self}, Path=ParentColumn.Visible}"
                     Value="False">
           <Setter Property="Visibility"
                   Value="Collapsed"/>
        </DataTrigger>
        <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self}, Path=(xcdg:RegionConfiguration.ShowCellTitles)}"
                     Value="False">
           <Setter TargetName="cellTitle"
                   Property="Visibility"
                   Value="Collapsed"/>
           <Setter TargetName="cellContent"
                   Property="Grid.Column"
                   Value="0"/>
           <Setter TargetName="cellContent"
                   Property="Grid.ColumnSpan"
                   Value="2"/>
        </DataTrigger>
     </ControlTemplate.Triggers>
  </ControlTemplate>
  <!--**************************
   * TEMPLATE: GroupHeaderControl
   ************************** -->
  <ControlTemplate x:Key="cardViewGroupHeaderControlTemplate"
                   TargetType="xcdg:GroupHeaderControl">
     <Grid>
        <Grid>
           <Grid.RowDefinitions>
              <RowDefinition Height="0.05*" />
              <RowDefinition Height="0.95*" />
           </Grid.RowDefinitions>
           <Border Grid.Row="0"
                   Background="Transparent" />
           <Path Stretch="Fill"
                 Opacity="0.75"
                 Data="M 50,59 C77,59 50,23 97,23 144,23 147,23 199,23 251,23 221,59 250,59 279,59 300,59 300,59 300,59 300,300 300,300 300,300 0,300 0,300 0,300 0,59.999996185302734 0,59.999996185302734 0,59.999996185302734 23,59 50,59 z"
                 Grid.Row="1">
              <Path.Fill>
                 <LinearGradientBrush EndPoint="0.5,1"
                                      StartPoint="0.5,0">
                    <GradientStop Color="#2A2A2A"
                                  Offset="0" />
                    <GradientStop Color="#737373"
                                  Offset="1" />
                 </LinearGradientBrush>
              </Path.Fill>
           </Path>
           <Viewbox Grid.Row="1"
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    Margin="0,0,0,0">
              <Grid Width="250">
                 <ContentPresenter Content="{TemplateBinding Content}"
                                   ContentTemplate="{TemplateBinding ContentTemplate}"
                                   ContentTemplateSelector="{TemplateBinding ContentTemplateSelector}"
                                   TextElement.Foreground="{TemplateBinding Foreground}"
                                   HorizontalAlignment="Center"/>
              </Grid>
           </Viewbox>
        </Grid>
     </Grid>
  </ControlTemplate>
  <!-- =================================================================== -->
  <!-- Styles required by some grid elements                               -->
  <!-- =================================================================== -->
  <!--**************************
   * STYLE: CellErrorStyle
   ************************** -->
  <Style x:Key="cellErrorStyle"
         TargetType="xcdg:Cell">
     <Setter Property="Background"
             Value="{StaticResource errorBackgroundBrush}"/>
     <Setter Property="Foreground"
             Value="{StaticResource errorForegroundBrush}"/>
     <Setter Property="ToolTip"
             Value="{Binding RelativeSource={RelativeSource Self},Path=ValidationError.ErrorContent}"/>
  </Style>
  <!-- =================================================================== -->
  <!-- Keyed Styles of grid elements                                       -->
  <!-- =================================================================== -->
  <!--**************************
   * STYLE: DataGridControl
   ************************** -->
  <Style x:Key="cardViewElementalPinkCardflowGridControlStyle"
         TargetType="xcdg:DataGridControl">
     <Setter Property="BorderBrush"
             Value="{DynamicResource {x:Static SystemColors.WindowFrameBrushKey}}" />
     <Setter Property="BorderThickness"
             Value="1" />
     <Setter Property="Background"
             Value="White" />
     
     <Setter Property="Foreground"
             Value="White" />
     <Setter Property="FontFamily"
             Value="Arial" />
     <Setter Property="FontSize"
             Value="16" />
     <!-- In CardflowView3D, RowOnly is the default and the 'highly suggested' value.-->
     <Setter Property="NavigationBehavior"
             Value="RowOnly" />
     <!-- For the horizontal scrolling of the CardView, PagingBehavior.LeftToRight is better suited
          than the default TopToBottom. -->
     <Setter Property="PagingBehavior"
             Value="LeftToRight" />
     <!-- This is required to display gridlines of uniform thickness -->
     <Setter Property="SnapsToDevicePixels"
             Value="True" />
     <Setter Property="CellErrorStyle"
             Value="{StaticResource cellErrorStyle}" />
     <Setter Property="ItemsPanel"
             Value="{StaticResource cardViewDataGridControlItemsPanelTemplate}" />
     <Setter Property="Template"
             Value="{StaticResource gridControlTemplate}" />
  </Style>
  <!--**************************
   * STYLE: Row Style
   ************************** -->
  <Style x:Key="cardViewElementalPinkCardflowRowStyle"
         TargetType="xcdg:Row">
     <Setter Property="SelectionBackground"
             Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}" />
     <Setter Property="SelectionForeground"
             Value="{DynamicResource {x:Static SystemColors.HighlightTextBrushKey}}" />
     <Setter Property="InactiveSelectionBackground"
             Value="{DynamicResource {x:Static SystemColors.InactiveCaptionBrushKey}}" />
     <Setter Property="InactiveSelectionForeground"
             Value="{DynamicResource {x:Static SystemColors.InactiveCaptionTextBrushKey}}" />
     <Setter Property="Margin"
             Value="5" />
     <Setter Property="BorderBrush"
             Value="{StaticResource gridLineBrush}" />
     <Setter Property="BorderThickness"
             Value="1" />
     <!-- Set the Row's background to Transparent to make it hit-testable
          while preserving the background drawn by the underlying DataGridControl. -->
     <Setter Property="Background"
             Value="LightBlue" />
     <Setter Property="Template"
             Value="{StaticResource cardFlowView3DRowTemplate}" />
     <Style.Triggers>
        <Trigger Property="IsMouseOver"
                 Value="True">
           <Setter Property="Background"
                   Value="Pink" />
        </Trigger>
     </Style.Triggers>
  </Style>
  <!--**************************
   * STYLE: DataRow
   ************************** -->
  <Style x:Key="cardViewElementalPinkCardflowDataRowStyle"
         TargetType="xcdg:DataRow"
         BasedOn="{StaticResource cardViewElementalPinkCardflowRowStyle}">
  </Style>
  <!--**************************
   * STYLE: InsertionRow
   ************************** -->
  <Style x:Key="cardViewElementalPinkCardflowInsertionRowStyle"
         TargetType="xcdg:InsertionRow"
         BasedOn="{StaticResource cardViewElementalPinkCardflowDataRowStyle}">
     <Setter Property="Template"
             Value="{StaticResource cardViewInsertionRowTemplate}" />
  </Style>
  <!--**************************
   * STYLE: ColumnManagerRow
   ************************** -->
  <Style x:Key="cardViewElementalPinkCardflowColumnManagerRowStyle"
         TargetType="xcdg:ColumnManagerRow">
     <Setter Property="BorderBrush"
             Value="{StaticResource gridLineBrush}" />
     <Setter Property="BorderThickness"
             Value="1" />
     <Setter Property="Background"
             Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}" />
     <Setter Property="Foreground"
             Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" />
     <Setter Property="xcdg:UIViewBase.DropMarkOrientation"
             Value="Horizontal" />
     <Setter Property="Template"
             Value="{StaticResource cardViewColumnManagerRowTemplate}" />
  </Style>
  <!--**************************
   * STYLE: StatRow
   ************************** -->
  <Style x:Key="cardViewElementalPinkCardflowStatRowStyle"
         TargetType="xcdg:StatRow"
         BasedOn="{StaticResource cardViewElementalPinkCardflowRowStyle}">
     <Setter Property="Template"
             Value="{StaticResource cardViewStatRowTemplate}"/>
  </Style>
  <!--**************************
   * STYLE: Cell Style
   ************************** -->
  <Style x:Key="cardViewElementalPinkCardflowCellStyle"
         TargetType="xcdg:Cell">
     <Setter Property="CurrentBackground"
             Value="{StaticResource selectedForeground}" />
     <Setter Property="CurrentForeground"
             Value="{DynamicResource {x:Static SystemColors.HighlightTextBrushKey}}" />
     <!-- Set the Cell's background to Transparent to make it hit-testable
          while preserving the background drawn by the underlying Row. -->
     <Setter Property="Background"
             Value="Transparent" />
     <!-- A basic Cell Template requires at least a ContentPresenter, which is used to display the Cell's Content.
          This ContentPresenter is usually placed inside a Border that is responsible for painting the gridlines. -->
     <Setter Property="Template"
             Value="{StaticResource cardFlowView3DCellTemplate}" />
     <Style.Triggers>
        <Trigger Property="IsBeingEdited"
                 Value="True">
           <Setter Property="CurrentBackground"
                   Value="{StaticResource selectedForeground}" />
        </Trigger>
     </Style.Triggers>
  </Style>
  <!--**************************
   * STYLE: DataCell
   ************************** -->
  <Style x:Key="cardViewElementalPinkCardflowDataCellStyle"
         TargetType="xcdg:DataCell"
         BasedOn="{StaticResource cardViewElementalPinkCardflowCellStyle}" >
  </Style>
  <!--**************************
   * STYLE: InsertionCell
  ************************** -->
  <Style x:Key="cardViewElementalPinkCardflowInsertionCellStyle"
         TargetType="xcdg:InsertionCell"
         BasedOn="{StaticResource cardViewElementalPinkCardflowCellStyle}" />
  <!--**************************
   * STYLE: ColumnManagerCell
   ************************** -->
  <Style x:Key="xcdg"
         TargetType="xcdg:ColumnManagerCell">
     <Setter Property="BorderBrush"
             Value="{StaticResource gridLineBrush}" />
     <Setter Property="BorderThickness"
             Value="0,0,0,1" />
     <!-- Set the Cell's background to Transparent to make it hit-testable
          while preserving the background drawn by the underlying Row. -->
     <Setter Property="Background"
             Value="Transparent" />
     <Setter Property="Padding"
             Value="{StaticResource cellPadding}" />
     <!-- We don't use the base Cell Template for the ColumnManagerCell because it needs more elements
          to function properly, like a glyph that represents the Column's SortDirection. -->
     <Setter Property="Template"
             Value="{StaticResource cardViewColumnManagerCellTemplate}" />
     <Style.Triggers>
        <Trigger Property="IsBeingDragged"
                 Value="True">
           <Setter Property="Background"
                   Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}" />
        </Trigger>
     </Style.Triggers>
  </Style>
  <!--**************************
   * STYLE: StatCell Style
   ************************** -->
  <Style x:Key="cardViewElementalPinkCardflowStatCellStyle"
         TargetType="xcdg:StatCell">
     <!-- Set the Cell's background to Transparent to make it hit-testable
          while preserving the background drawn by the underlying Row. -->
     <Setter Property="Background"
             Value="Transparent" />
     <!-- A basic Cell Template requires at least a ContentPresenter, which is used to display the Cell's Content.
          This ContentPresenter is usually placed inside a Border that is responsible for painting the gridlines. -->
     <Setter Property="Template"
             Value="{StaticResource cardViewStatCellTemplate}" />
  </Style>
  <!--**************************
   * STYLE: GroupByControl
   ************************** -->
  <Style x:Key="cardViewElementalPinkCardflowGroupByControlStyle"
         TargetType="xcdg:GroupByControl">
     <!-- If we don't specify a MinHeight, the default "size-to-content" behavior will arrange
          the control with a Height of 0, which makes it invisible and unusable.
          In a typical CardView, a height of at least 50 is appropriate for the GroupByControl. -->
     <Setter Property="MinHeight"
             Value="50" />
     <Setter Property="Background"
             Value="{DynamicResource {x:Static SystemColors.ControlDarkBrushKey}}" />
     <Setter Property="Foreground"
             Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" />
     <Setter Property="Padding"
             Value="8"/>
     <Setter Property="BorderBrush"
             Value="{StaticResource gridLineBrush}" />
     <Setter Property="BorderThickness"
             Value="1,1,0,1" />
     <Setter Property="Template"
             Value="{StaticResource cardViewGroupByControlTemplate}" />
  </Style>
  <!--**************************
   * STYLE: GroupByItem
   ************************** -->
  <Style x:Key="cardViewElementalPinkCardflowGroupByItemStyle"
         TargetType="xcdg:GroupByItem">
     <Setter Property="Background"
             Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}" />
     <Setter Property="Foreground"
             Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" />
     <Setter Property="Padding"
             Value="{StaticResource cellPadding}" />
     <Setter Property="BorderBrush"
             Value="{StaticResource gridLineBrush}" />
     <Setter Property="BorderThickness"
             Value="1" />
     <Setter Property="Template"
             Value="{StaticResource cardViewGroupByItemTemplate}" />
  </Style>
  <!--**************************
   * STYLE: GroupHeaderControl
   ************************** -->
  <Style x:Key="xcdg"
         TargetType="xcdg:GroupHeaderControl">
     <Setter Property="Background"
             Value="{DynamicResource {x:Static SystemColors.ControlDarkBrushKey}}" />
     <Setter Property="Foreground"
             Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" />
     <Setter Property="Margin"
             Value="5,0,5,5" />
     <Setter Property="Padding"
             Value="{StaticResource cellPadding}" />
     <Setter Property="Foreground"
             Value="White" />
     <Setter Property="FontFamily"
             Value="Arial" />
     <Setter Property="FontSize"
             Value="16" />
     <Setter Property="VerticalContentAlignment"
             Value="Center" />
     <!-- The GroupHeaderControl itself must not holds the various InputBindings that make the
          GroupHeaderControl work. -->
     <Setter Property="Focusable"
             Value="False" />
     <Setter Property="Template"
             Value="{StaticResource cardViewGroupHeaderControlTemplate}" />
     <Style.Triggers>
        <MultiDataTrigger>
           <MultiDataTrigger.Conditions>
              <Condition Binding="{Binding RelativeSource={RelativeSource Self},Path=Content.IsBottomLevel}"
                         Value="False" />
              <Condition Binding="{Binding RelativeSource={RelativeSource Self},Path=Content.IsExpanded}"
                         Value="True" />
           </MultiDataTrigger.Conditions>
           <Setter Property="Visibility"
                   Value="Collapsed" />
        </MultiDataTrigger>
     </Style.Triggers>
  </Style>
  <!--**************************
   * STYLE: GroupLevelIndicator
   ************************** -->
  <Style x:Key="Arial"
         TargetType="xcdg:GroupLevelIndicator">
     <Setter Property="Width"
             Value="12" />
  </Style>
  <!--**************************
   * STYLE: DetailIndicator
   ************************** -->
  <Style x:Key="cardViewElementalPinkCardflowDetailIndicatorStyle"
         TargetType="xcdg:DetailIndicator">
     <Setter Property="Width"
             Value="12" />
  </Style>
  <!--**************************
   * STYLE: GroupLevelIndicatorPane
   ************************** -->
  <Style x:Key="xcdg"
         TargetType="xcdg:GroupLevelIndicatorPane">
     <Setter Property="Template"
             Value="{StaticResource cardViewGroupLevelIndicatorPaneTemplate}" />
  </Style>
  <!--**************************
   * STYLE: HierarchicalGroupLevelIndicatorPane
   ************************** -->
  <Style x:Key="xcdg"
         TargetType="xcdg:HierarchicalGroupLevelIndicatorPane">
     <Setter Property="Template"
             Value="{StaticResource xcdg}" />
  </Style>
  <!--**************************
   * STYLE: HierarchicalGroupByControl
   ************************** -->
  <Style x:Key="xcdg"
         TargetType="xcdg:HierarchicalGroupByControl">
     <Setter Property="Template">
        <Setter.Value>
           <ControlTemplate TargetType="{x:Type xcdg:HierarchicalGroupByControl}">
              <xcdg:GroupByControl AllowGroupingModification="{TemplateBinding AllowGroupingModification}"
                                   AllowSort="{TemplateBinding AllowSort}"
                                   Background="{TemplateBinding Background}"
                                   BorderBrush="{TemplateBinding BorderBrush}"
                                   BorderThickness="{TemplateBinding BorderThickness}"
                                   Foreground="{TemplateBinding Foreground}"
                                   Padding="{TemplateBinding Padding}"
                                   StairHeight="{TemplateBinding StairHeight}"
                                   ConnectionLinePen="{TemplateBinding ConnectionLinePen}"
                                   NoGroupContent="{TemplateBinding NoGroupContent}"/>
           </ControlTemplate>
        </Setter.Value>
     </Setter>
  </Style>
  <!--**************************
   * STYLE: AutoFilterControl
   ************************** -->
  <Style x:Key="xcdg"
         TargetType="xcdg:AutoFilterControl">
     <Setter Property="Template"
             Value="{StaticResource cardViewAutoFilterControlTemplate}"/>
  </Style>
  <!--**************************
   * STYLE: ScrollTip
   ************************** -->
  <Style x:Key="cardViewElementalPinkCardflowScrollTipStyle"
         TargetType="xcdg:ScrollTip">
     <Setter Property="Template"
             Value="{StaticResource scrollTipTemplate}"/>
     <Setter Property="VerticalAlignment"
             Value="Bottom"/>
     <Setter Property="HorizontalAlignment"
             Value="Center"/>
     <Setter Property="Background"
             Value="{DynamicResource {x:Static SystemColors.ControlLightLightBrushKey}}"/>
     <Setter Property="Foreground"
             Value="{DynamicResource {x:Static SystemColors.WindowTextBrushKey}}"/>
     <Setter Property="BorderBrush"
             Value="{DynamicResource {x:Static SystemColors.ControlDarkBrushKey}}"/>
  </Style>
  <!-- =================================================================== -->
  <!-- Default values for the View                                         -->
  <!-- =================================================================== -->
  <Style x:Key="cardViewElementalPinkCardflowDefaultValues"
         TargetType="xcdg:CardflowView3D">
     <Setter Property="DefaultDropMarkPen"
             Value="{StaticResource dropMarkPen}" />
     <!-- Those glyphs are null by default on ViewBase, so every Theme should define
          and set their own custom glyphs. -->
     <Setter Property="AscendingSortGlyph"
             Value="{StaticResource ascendingSortGlyph}" />
     <Setter Property="DescendingSortGlyph"
             Value="{StaticResource descendingSortGlyph}" />
     <Setter Property="ExpandGroupGlyph"
             Value="{StaticResource expandGroupGlyph}" />
     <Setter Property="CollapseGroupGlyph"
             Value="{StaticResource collapseGroupGlyph}" />
     <Setter Property="CurrentItemGlyph"
             Value="{StaticResource currentItemGlyph}" />
     <Setter Property="EditingRowGlyph"
             Value="{StaticResource editingRowGlyph}" />
     <Setter Property="ValidationErrorGlyph"
             Value="{StaticResource validationErrorGlyph}" />
     <Setter Property="InsertionRowGlyph"
             Value="{StaticResource insertionRowGlyph}" />
     <Setter Property="AutoFilterDropDownGlyph"
             Value="{StaticResource autoFilterDropDownGlyph}" />
     <Setter Property="AutoFilterGlyph"
             Value="{StaticResource autoFilterGlyph}" />
     <Setter Property="EmptySurfaceBrush"
             Value="{StaticResource emptySurfaceBrush}" />
  </Style>

  <!-- =================================================================== -->
  <!-- DefaultStyleKey declarations                                        -->
  <!-- =================================================================== -->
  <Style x:Key="{xcdg:ThemeKey TargetViewType=xcdg:CardflowView3D, ThemeType=local:ElementalPinkTheme}"
         TargetType="xcdg:CardflowView3D"
         BasedOn="{StaticResource cardViewElementalPinkCardflowDefaultValues}" />
  <Style x:Key="{xcdg:ThemeKey TargetViewType=xcdg:CardflowView3D, ThemeType=local:ElementalPinkTheme, TargetElementType=xcdg:DataGridControl}"
         TargetType="xcdg:DataGridControl"
         BasedOn="{StaticResource cardViewElementalPinkCardflowGridControlStyle}" />
  <Style x:Key="{xcdg:ThemeKey TargetViewType=xcdg:CardflowView3D, ThemeType=local:ElementalPinkTheme, TargetElementType=xcdg:Row}"
         TargetType="xcdg:Row"
         BasedOn="{StaticResource cardViewElementalPinkCardflowRowStyle}" />
  <Style x:Key="{xcdg:ThemeKey TargetViewType=xcdg:CardflowView3D, ThemeType=local:ElementalPinkTheme, TargetElementType=xcdg:DataRow}"
         TargetType="xcdg:DataRow"
         BasedOn="{StaticResource cardViewElementalPinkCardflowDataRowStyle}" />
  <Style x:Key="{xcdg:ThemeKey TargetViewType=xcdg:CardflowView3D, ThemeType=local:ElementalPinkTheme, TargetElementType=xcdg:InsertionRow}"
         TargetType="xcdg:InsertionRow"
         BasedOn="{StaticResource cardViewElementalPinkCardflowInsertionRowStyle}" />
  <Style x:Key="{xcdg:ThemeKey TargetViewType=xcdg:CardflowView3D, ThemeType=local:ElementalPinkTheme, TargetElementType=xcdg:ColumnManagerRow}"
         TargetType="xcdg:ColumnManagerRow"
         BasedOn="{StaticResource xcdg}" />
  <Style x:Key="{xcdg:ThemeKey TargetViewType=xcdg:CardflowView3D, ThemeType=local:ElementalPinkTheme, TargetElementType=xcdg:StatRow}"
         TargetType="xcdg:StatRow"
         BasedOn="{StaticResource cardViewElementalPinkCardflowStatRowStyle}" />
  <Style x:Key="{xcdg:ThemeKey TargetViewType=xcdg:CardflowView3D, ThemeType=local:ElementalPinkTheme, TargetElementType=xcdg:Cell}"
         TargetType="xcdg:Cell"
         BasedOn="{StaticResource cardViewElementalPinkCardflowCellStyle}" />
  <Style x:Key="{xcdg:ThemeKey TargetViewType=xcdg:CardflowView3D, ThemeType=local:ElementalPinkTheme, TargetElementType=xcdg:DataCell}"
         TargetType="xcdg:DataCell"
         BasedOn="{StaticResource cardViewElementalPinkCardflowDataCellStyle}" />
  <Style x:Key="{xcdg:ThemeKey TargetViewType=xcdg:CardflowView3D, ThemeType=local:ElementalPinkTheme, TargetElementType=xcdg:InsertionCell}"
         TargetType="xcdg:InsertionCell"
         BasedOn="{StaticResource cardViewElementalPinkCardflowInsertionCellStyle}" />
  <Style x:Key="{xcdg:ThemeKey TargetViewType=xcdg:CardflowView3D, ThemeType=local:ElementalPinkTheme, TargetElementType=xcdg:ColumnManagerCell}"
         TargetType="xcdg:ColumnManagerCell"
         BasedOn="{StaticResource xcdg}" />
  <Style x:Key="{xcdg:ThemeKey TargetViewType=xcdg:CardflowView3D, ThemeType=local:ElementalPinkTheme, TargetElementType=xcdg:StatCell}"
         TargetType="xcdg:StatCell"
         BasedOn="{StaticResource cardViewElementalPinkCardflowStatCellStyle}" />
  <Style x:Key="{xcdg:ThemeKey TargetViewType=xcdg:CardflowView3D, ThemeType=local:ElementalPinkTheme, TargetElementType=xcdg:GroupByControl}"
         TargetType="xcdg:GroupByControl"
         BasedOn="{StaticResource cardViewElementalPinkCardflowGroupByControlStyle}" />
  <Style x:Key="{xcdg:ThemeKey TargetViewType=xcdg:CardflowView3D, ThemeType=local:ElementalPinkTheme, TargetElementType=xcdg:GroupByItem}"
         TargetType="xcdg:GroupByItem"
         BasedOn="{StaticResource cardViewElementalPinkCardflowGroupByItemStyle}" />
  <Style x:Key="{xcdg:ThemeKey TargetViewType=xcdg:CardflowView3D, ThemeType=local:ElementalPinkTheme, TargetElementType=xcdg:GroupHeaderControl}"
         TargetType="xcdg:GroupHeaderControl"
         BasedOn="{StaticResource xcdg}" />
  <Style x:Key="{xcdg:ThemeKey TargetViewType=xcdg:CardflowView3D, ThemeType=local:ElementalPinkTheme, TargetElementType=xcdg:GroupLevelIndicator}"
         TargetType="xcdg:GroupLevelIndicator"
         BasedOn="{StaticResource xcdg}" />
  <Style x:Key="{xcdg:ThemeKey TargetViewType=xcdg:CardflowView3D, ThemeType=local:ElementalPinkTheme, TargetElementType=xcdg:DetailIndicator}"
         TargetType="xcdg:DetailIndicator"
         BasedOn="{StaticResource cardViewElementalPinkCardflowDetailIndicatorStyle}" />
  <Style x:Key="{xcdg:ThemeKey TargetViewType=xcdg:CardflowView3D, ThemeType=local:ElementalPinkTheme, TargetElementType=xcdg:GroupLevelIndicatorPane}"
         TargetType="xcdg:GroupLevelIndicatorPane"
         BasedOn="{StaticResource xcdg}" />
  <Style x:Key="{xcdg:ThemeKey TargetViewType=xcdg:CardflowView3D, ThemeType=local:ElementalPinkTheme, TargetElementType=xcdg:HierarchicalGroupLevelIndicatorPane}"
         TargetType="xcdg:HierarchicalGroupLevelIndicatorPane"
         BasedOn="{StaticResource xcdg}" />
  <Style x:Key="{xcdg:ThemeKey TargetViewType=xcdg:CardflowView3D, ThemeType=local:ElementalPinkTheme, TargetElementType=xcdg:AutoFilterControl}"
         TargetType="xcdg:AutoFilterControl"
         BasedOn="{StaticResource xcdg}" />
  <Style x:Key="{xcdg:ThemeKey TargetViewType=xcdg:CardflowView3D, ThemeType=local:ElementalPinkTheme, TargetElementType=xcdg:ScrollTip}"
         TargetType="xcdg:ScrollTip"
         BasedOn="{StaticResource cardViewElementalPinkCardflowScrollTipStyle}" />
</ResourceDictionary>