[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
  Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Expand]MVVM Framework
 [Expand]Controls and Libraries
 [Collapse]Scaffolding Wizard
   Getting Started
  [Expand]Overview
  [Expand]Data Access Layer
   UI Generation
  [Expand]Examples
  [Collapse]Tutorials
   [Collapse]Building Outlook-Inspired and Hybrid UI Applications
     Lesson 1 - Automatically Generate Outlook-Inspired and Hybrid User Interfaces From Entity Framework
     Lesson 2 - Show Splash Screen on the Start of the Application
     Lesson 3 - Customize Layout of the Collection Views
     Lesson 4 - Show Sparkline Charts in Grid Cells
     Lesson 5 - Use Cards Layout in Collection Views
     Lesson 6 - Use Master-detail Data Representation in Collection Views
     Lesson 7 - Using Conditional Formatting in Grid
     Lesson 8 - Add Advanced End-user Filtering Functionality to Applications
     Lesson 9 - Show Windows 8-style Toast Notifications
     Lesson 10 - Add Windows 7-style Jump List to the Application
     Lesson 11 - Add Custom Actions to Application's Taskbar Thumbnail
   [Expand]Building Office-Inspired Applications
 [Expand]Localization
  Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Building Outlook-Inspired and Hybrid UI Applications

DevExpress WPF components suite is shipped with two advanced demos, which demonstrate many DevExpress controls and libraries in complex applications that conform to modern UX patterns.

The Outlook-inspired demo features an MS Office-like UI in a CRM data setting.

The Hybrid UI demo demonstrates a UI for desktop and touch-enabled environments (tablets, laptops with touch screens).

These demos are built in close correspondence with the MVVM pattern on top of the Devexpress MVVM Framework and code generated by Devexpress Scaffolding Wizards.

The Outlook-Inspired and Hybrid demos shipped with DevExpress WPF components are complex and contain a lot of modules and functionalities. This tutorial describes how to create lightweight versions of these demos, yet build on the same principles and code as the originals.

From this tutorial you will learn how to:

Each tutorial is independent of the others, so you do not need to follow them sequentially. They can be studied individually to solve particular problems.

The resulting applications are available here: DevExpress.OutlookInspiredApp and DevExpress.HybridApp. Projects with only Entity Framework data model are available here: DevExpress.OutlookInspiredApp EF data model only and DevExpress.HybridApp EF data model only. These projects can be used to reproduce all the steps described in this tutorial from scratch and already contain all the necessary image resources, filter settings and some code that implements filtering.

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