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; |