[Expand]General Information
[Collapse]WinForms Controls
 [Expand]What's Installed
 [Expand]Build an Application
 [Expand]Controls and Libraries
 [Collapse]Common Features
  [Expand]Data Binding Common Concepts
  [Expand]Data Source Wizard
  [Expand]Application Appearance and Skin Colors
  [Expand]Filtering UI Context
  [Expand]High DPI Support
  [Collapse]Scaffolding Wizard
     Main Features
     UI Types
     Application Layers
   [Expand]Data Access Layer
   [Expand]Generating an Application
  [Expand]Formatting Values
   HTML Text Formatting
  [Expand]Tooltip Management
  [Expand]Saving and Restoring Layouts to a File, Stream and System Registry
   Clipboard - Copy and Paste Operations. Data Formatting
   Version Compatibility: Default Property Values
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[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)

UI Types

The Scaffolding Wizard can create three UI types for your application:

This article merely describes each UI type. For a detailed tutorial on UI generation, refer to the How To: Generate an Application Based on the Existing Data Access Level document. To learn about runtime capabilities provided by scaffolded applications of different UI variations, refer to the Embedded Functionality article.

Expanded Tabbed MDI

One of the most widely used UI types, the Tabbed MDI variation features the Application UI Manager component, which manages tabs. Each collection and detail View is placed within a separate tab and docked to this component. Main application commands are available from the Ribbon control. Finally, the Accordion Control allows users to navigate through existing collection Views.

Expanded Hybrid UI

The Hybrid UI is designed to fit both large desktop screens and smaller screens of touch-input devices, such as tablets and phones. This UI pattern is described in the Touch-Enabled Tile UI article.

A Main View generated by the Wizard features the Navigation Frame control. The Frame displays pages that wrap the collection and detail Views, one page at a time. To switch between pages, end-users click tiles provided by the Tile Bar control, docked to form's top. To add, remove or modify data records, users utilize the buttons of the WindowsUI Button Panel controls at Views' bottom.

A Main View for Hybrid UI applications contains code that sets the static WindowsFormsSettings.TouchUIMode property to the TouchUIMode.True value. This setting enlarges size and margins of UI elements, making it easier to operate the application on touch-input devices.

Expanded Outlook Inspired UI

Outlook Inspired UI is a particular variation of a common design pattern, shared among Microsoft Office applications. This UI features a flat, clean design with a commanding region based on the Ribbon control, navigation area (Office Navigation Bar in possible conjunction with Navigation Bar) and a central region with a control that displays main content (in case of Scaffolding-generated UI, such control is Data Grid).

Same as with the Hybrid UI, Scaffolding Outlook Inspired application does not allow end-users to view main and collection screens separately. The main View contains the Navigation Frame component that always keeps one of its pages active. Pages in turn are objects that wrap collection Views. End-users can double-click individual data records to browse them in a separate edit form (detail View).

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