Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Collapse]WPF Controls
  Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]Controls and Libraries
  [Expand]Windows and Utility Controls
   Dialogs, Notifications and Panels
   Reporting
  [Expand]Data Grid
  [Expand]Ribbon, Bars and Menu
  [Expand]Charts Suite
  [Expand]Pivot Grid
  [Expand]Scheduler
  [Expand]Scheduler (new)
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Tree List
  [Expand]Gauge Controls
  [Expand]Map Control
  [Expand]Layout Management
  [Collapse]Windows Modern UI
   [Expand]Content Containers
   [Expand]Navigation
   [Expand]Examples
  [Expand]Printing-Exporting
  [Expand]Data Editors
  [Expand]Navigation Controls
  [Expand]Spell Checker
  [Expand]Property Grid
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Diagram Control
 [Expand]Localization
  Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Windows Modern UI

Overview


DevExpress Windows Modern UI controls are a comprehensive set of UI elements for creating Windows Store-styled applications. These UI elements include various types of containers, navigation elements, notifications and dialogs. All UI elements are touch-ready and fully compatible with the latest DevExpress WPF Themes.

This section contains documents that enumerate available controls and articles that explain how to band these elements together to create a solid Windows Modern-inspired WPF application.

Content Containers


The first step in creating any application is building its initial layout. Content containers listed below allow you to design your application windows similar to Windows Store application templates, provided by Microsoft. Afterwards, populate containers with the required content and apply a modern theme (e.g., one of Office 2016 themes) to instantly get a stunning Windows Modern-inspired application.

  • Page View
    Presents items as individual pages with page headers displayed at the top. End-users can browse only one page at a time.

  • Slide View
    Presents items as a horizontally scrollable list. Displays an embedded navigation button when navigated to.

  • Flip View
    Presents items as a vertically scrollable list.

Navigation


This section contains articles related to navigating through application screens.

  • Navigation
    Contains a step-by-step walkthrough that demonstrates how to implement application navigation, pass specific data between application screens, access navigation history, etc.

  • NavigationFrame
    A non-visual container that encapsulates your root application screen. This container is a navigation entry point from which end-users can travel to child application modules.

  • NavigationPage
    A replacement for the default UserControl that implements the INavigationAware interface. Implementing this interface is required if you need to pass parameters between separate application modules.

  • PageAdornerControl
    A navigation bar, typically docked to the top edge of the window. Automatically displays a 'Back' button when end-users navigate to an application screen that contains this bar. Can also host custom navigation buttons.

  • AppBar Control
    Bars that are typically docked to the top or bottom edge of the window and invoked when end-users right click the application area. These bars contain various custom commands and options.

Minor UI Elements


This section contains secondary UI elements (messages, notifications, panels, etc.) that are required to give your application a finished look.

  • WinUIMessageBox
    A modern version of default message boxes.

  • WinUIDialogWindow
    A replacement for default dialogs designed to fit the Windows Modern UI.

  • Flyout
    Floating panels with a beak that points to an object related to this panel. Flyouts can be used to create pop-up menus for various elements (e.g., buttons within an AppBar Control).

  • Toast Notifications
    A service for displaying notifications that pop on screen and are then dismissed after a certain delay.

  • Tile Layout Control
    A LayoutControl descendant that displays tiles, which support grouping and content animations.

How would you rate this topic?​​​​​​​