[Expand]General Information
[Expand]WinForms Controls
[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]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Collapse]eXpressApp Framework
 [Expand]Fundamentals
 [Collapse]Getting Started
  [Expand]Basic Tutorial (SimpleProjectManager Application)
  [Collapse]Comprehensive Tutorial (MainDemo Application)
   [Expand]Business Model Design
   [Expand]Extend Functionality
   [Collapse]UI Customization
     Place an Action in a Different Location
     Specify Action Settings
     Format a Business Object Caption
     Assign a Standard Image
     Assign a Custom Image
     Make a Property Calculable
     Filter Lookup Editor Data Source
     Format a Property Value
     Use a Multiline Editor for String Properties
     Localize UI Elements
     Add an Item to the New Action
     Add an Item to the Navigation Control
     Implement Property Value Validation in the Application Model
     Customize the View Items Layout
     Add an Editor to a Detail View
     Change Field Layout and Visibility in a List View
     Display a Detail View with a List View
     Make a List View Editable
     Add a Preview to a List View
     Filter List Views
     Apply Grouping to List View Data
     Choose the WinForms UI Type
     Toggle the WinForms Ribbon Interface
     Change Style of Navigation Items
   [Expand]Extra Modules
   [Expand]Security System
  [Expand]XAF Mobile (Maintenance Mode) Tutorial
 [Expand]Concepts
 [Expand]Design-Time Features
 [Expand]Deployment
 [Expand]Task-Based Help
  Frequently Asked Questions (FAQ)
 [Expand]API Reference
[Expand]eXpress Persistent Objects
[Expand]CodeRush
[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 Customization

In this tutorial section, you will customize the automatically generated user interface. Visual elements in your XAF application are based on the data classes you have declared and the information from the assemblies referenced in your application. All the received information is represented as metadata - data that defines database structure and application features via a neutral format, that can be adopted to any target platform. This metadata is called the Application Model. It is a powerful tool that allows you to customize your application. For this purpose, use the Model Editor - an instrument for customizing the Application Model at design time. The following lessons will demonstrate what you can customize via the Model Editor, and how:

Actually, the Model Editor provides many more ways to customize the Application Model (and, consequently, the application). You can refer to the Application Model documentation section to learn more about the Application Model.

If the required option is not available in the Model Editor, you can directly access the options of used controls. Review the Access Editor Settings and Access Grid Control Properties lessons to learn more on this approach.

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