The following example demonstrates how to provide an image and title surface configuration that will be applied to the center surface and a title surface configuration that will be applied to the left and right side cards.

XAML
Copy Code 
<Grid xmlns:xcdg="http://schemas.xceed.com/wpf/xaml/datagrid">

  <Grid.Resources>

     <xcdg:DataGridCollectionViewSource x:Key="cvs_employees"

                              Source="{Binding Source={x:Static Application.Current}, Path=EmployeesTable}"/>

 

  </Grid.Resources>

 

  <xcdg:DataGridControl x:Name="EmployeesGrid"

                        ItemsSource="{Binding Source={StaticResource cvs_employees}}">

     <xcdg:DataGridControl.Columns>

        <xcdg:Column FieldName="LastName"

                     IsMainColumn="True"/>

     </xcdg:DataGridControl.Columns>

    <xcdg:DataGridControl.View>

       <xcdg:CardflowView3D>

          <xcdg:CardflowView3D.Theme>

             <xcdg:ElementalBlackTheme>

                <xcdg:ElementalBlackTheme.SurfaceConfigurations>

                   <!-- Because an attempt is made to automatically detect an image in the data

                        item, there is no need to specify the name of the field that contains

                        the image in the surface configuration's ImageRegionConfiguration.

                      

                        If a data item contains more than one image you can set the FieldNames

                        property of the ImageRegionConfiguration to the name of the field that

                        contains the desired image. -->

                   <xcdg:ImageAndTitleSurfaceConfiguration xcdg:CardflowView3D.Surfaces="Center"/>

                 

                   <!-- By default, the value of the main column will be displayed in the title regions. -->

                   <xcdg:TitleSurfaceConfiguration xcdg:CardflowView3D.Surfaces="Left, Right"/>

                </xcdg:ElementalBlackTheme.SurfaceConfigurations>

             </xcdg:ElementalBlackTheme>

          </xcdg:CardflowView3D.Theme>

       </xcdg:CardflowView3D>

    </xcdg:DataGridControl.View>

  </xcdg:DataGridControl>

</Grid>
VB.NET
Copy Code 
dataGridControl.Columns( "LastName" ).IsMainColumn = True

Dim view As New CardflowView3D()

Dim theme As New ElementalBlackTheme()

' Because an attempt is made to automatically detect an image in the data

' item, there is no need to specify the name of the field that contains

' the image in the surface configuration's ImageRegionConfiguration.



' If a data item contains more than one image you can set the FieldNames

' property of the ImageRegionConfiguration to the name of the field that

' contains the desired image.

Dim imageAndTitleSurfaceConfiguration As new ImageAndTitleSurfaceConfiguration()

imageAndTitleSurfaceConfiguration.SetValue( CardflowView3D.SurfacesProperty, CardflowView3DSurfaces.Center )

' By default, the value of the main column will be displayed in the title regions.

Dim titleSurfaceConfiguration As New TitleSurfaceConfiguration()

titleSurfaceConfiguration.SetValue( CardflowView3D.SurfacesProperty, CardflowView3DSurfaces.Left And CardflowView3DSurfaces.Right )

theme.SurfaceConfigurations.Add( imageAndTitleSurfaceConfiguration )

theme.SurfaceConfigurations.Add( titleSurfaceConfiguration )

view.Theme = theme

dataGridControl.View = view
C#
Copy Code 
dataGridControl.Columns[ "LastName" ].IsMainColumn = true;

CardflowView3D view = new CardflowView3D();

ElementalBlackTheme theme = new ElementalBlackTheme();

// Because an attempt is made to automatically detect an image in the data

// item, there is no need to specify the name of the field that contains

// the image in the surface configuration's ImageRegionConfiguration.

                      

// If a data item contains more than one image you can set the FieldNames

// property of the ImageRegionConfiguration to the name of the field that

// contains the desired image.

ImageAndTitleSurfaceConfiguration imageAndTitleSurfaceConfiguration = new ImageAndTitleSurfaceConfiguration();

imageAndTitleSurfaceConfiguration.SetValue( CardflowView3D.SurfacesProperty, CardflowView3DSurfaces.Center );

// By default, the value of the main column will be displayed in the title regions.

TitleSurfaceConfiguration titleSurfaceConfiguration = new TitleSurfaceConfiguration();

titleSurfaceConfiguration.SetValue( CardflowView3D.SurfacesProperty, CardflowView3DSurfaces.Left | CardflowView3DSurfaces.Right );

theme.SurfaceConfigurations.Add( imageAndTitleSurfaceConfiguration );

theme.SurfaceConfigurations.Add( titleSurfaceConfiguration );

view.Theme = theme;

dataGridControl.View = view;