Skip to main content
BuyLog In
XAF: Cross-Platform .NET App UI & Web API
Search in…
Docs > Getting Started > In-Depth XAF WinForms & Web Forms Tutorial (Main Demo) > UI Customization
All docs
V22.1
.NET Framework 4.5.2+
Cross-Platform .NET App UI (XAF)
Getting Started
Basic ASP.NET Core Blazor Tutorial (Simple Project Manager Demo)
In-Depth XAF ASP.NET Core Blazor UI Tutorial (Main Demo)
In-Depth XAF WinForms & Web Forms Tutorial (Main Demo)
Business Model Design
Extend Functionality
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
Extra Modules
Security System
Installation, Upgrade, Version History
Backend Web API Service
UI Shell and Base Infrastructure
Storage, ORM, and Business Model Design
Data Manipulation and Business Logic
User Interface and Behavior Customization
Data Filtering
Data Security and Safety
Validation (Prevent Data Errors)
Conditional Appearance (Manage State of UI Elements)
Reporting (Shape, Export & Print Data)
Analytics (Extract Data Insights)
Document Management
Business Process Management
Event Planning
Localization
Debugging, Testing and Error Handling
Deployment
Support, QA & Troubleshooting
API Reference
Download CHM

UI Customization

  • 2 minutes to read

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.