[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
  [Collapse]Rich Text Editor
   [Expand]Product Information
    Product Class Structure
    Supported Formats
   [Collapse]Getting Started
     Lesson 1 - Create a Simple Rich Text Editor
     Lesson 2 - Customize the Integrated Ribbon UI
     Lesson 3 - Bind the RichEditControl to a Document Source using the MVVM pattern
     Lesson 4 - Create an Application Using the Instant Layout Assistant (for VS 2015 and earlier)
   [Expand]RichEditControl Document
    Text Formatting
    Import and Export
   [Expand]Page Layout
    Track Changes
    Mail Merge
    Restrictions and Protection
   [Expand]Visual Elements
    HTML Tag Support
  [Expand]Tree List
  [Expand]Gauge Controls
  [Expand]Map Control
  [Expand]Layout Management
  [Expand]Windows Modern UI
  [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)

Lesson 4 - Create an Application Using the Instant Layout Assistant (for VS 2015 and earlier)


The Instant Layout Assistant is not supported in Microsoft Visual Studio 2017. Use the approach described in the Lesson 1 - Create a Simple Rich Text Editor document to create a rich edit application.

This topic demonstrates how to create a simple application with the RichEditControl using the Instant Layout Assistant. The Instant Layout Assistant provides you with the option to select the required application template when the project is already created.

  1. Create a new WPF Application project and open the MainWindow.xaml file in the Visual Studio Designer.

  2. In an empty design space, you can see The Instant Layout Assistant. Click the Rich Text Editor tile.

  3. At the next level, you can select any layout configurations for the selected Rich Edit control. In this tutorial, the Rich Edit with Ribbon UI is selected.


    If the main window does not display the Instant Layout Assistant, you can add it from the main Visual Studio menu by selecting DEVEXPRESS | WPF Controls v19.2 | Enable Instant Layout Assistant.

  4. Specify the application's theme. To do that, click the Window's smart tag, and select the preferred theme from the ApplicationTheme drop-down menu.

  5. Also, you can specify the ribbon's style, by clicking the Ribbon Control's smart tag and selecting the required style from the RibbonStyle drop-down menu.

  6. Run the application. As a result, you now have a project with the Rich Edit Control and Ribbon Control in the Main Window.

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