[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Collapse]WPF Controls
 [Expand]What's Installed
 [Expand].NET Core 3 Support
 [Expand]Common Concepts
 [Expand]MVVM Framework
 [Collapse]Controls and Libraries
  [Expand]Data Grid
  [Expand]Ribbon, Bars and Menu
  [Expand]Charts Suite
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Expand]Tree List
  [Expand]Gauge Controls
  [Expand]Map Control
  [Expand]Layout Management
  [Collapse]Windows Modern UI
   [Expand]Hamburger Menu
   [Expand]Content Containers
     How To: Create a FlipView and Populate It with Data
     How To: Create a PageView and Populate It with Data
     How To: Create a SlideView and Populate It with Data
  [Expand]Data Editors
  [Expand]Navigation Controls
  [Expand]Spell Checker
  [Expand]Property Grid
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Gantt Control
  [Expand]Diagram Control
  [Expand]Windows and Utility Controls
   Dialogs, Notifications and Panels
  [Expand]Scheduler (legacy)
 [Expand]Scaffolding Wizard
  Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

How To: Create a SlideView and Populate It with Data

This example describes how to create a Slide View, bind it to data, and use templates to visualize its items. The last section of this article contains the complete example code.

Expanded Steps

  1. Start Visual Studio and create a new WPF project by selecting FILE | New | Project… in the main menu. In the New Project window that is invoked, select WPF Application and change the name to SlideViewSample.
  2. Change the main window's theme to Office 2013. To do so, reference the DevExpress Core namespace and use the ThemeManager.

  3. Find the SlideView control in the Toolbox and drop it onto the form. Once added, the SlideView automatically generates two SlideViewItem objects. These items are not necessary, so remove them from the XAML mark-up.

  4. Define the data source in XAML.

    The EmployeesData class, which is used as a data source, is defined in the C# code. The code for this and other data source classes is listed later in this example.

  5. Now create two DataTemplate objects in the Resources section. These data templates will specify how items and their headers within our SlideView should appear.

  6. Finally, assign the data templates to the SlideView's ItemTemplate and ItemHeaderTemplate properties. Also set the data source for the SlideView via the ItemsSource property.

  7. You can now launch the application to see the results. Remember to include the code for classes encapsulating the data source, which can be found below. The .XML file that stores employee data is also listed later in this example. Include this file in your project and set its BuildAction property to EmbeddedResource.

Expanded Complete Code

This example demonstrates how to create a SlideView, bind it to data and use templates to visualize its items.

Is this topic helpful?​​​​​​​