Skip to main content
BuyLog In
XAF: Cross-Platform .NET App UI & Web API
Search in…
Docs > Getting Started > In-Depth XAF ASP.NET Core Blazor UI Tutorial (Main Demo) > UI Customization > Change Field Visibility in a List View
A newer version of this page is available. .
All docs
V21.1
.NET Framework 4.5.2+
Cross-Platform .NET App UI (XAF)
Getting Started
Basic WinForms & Web Forms Tutorial (Simple Project Manager Demo)
In-Depth XAF WinForms & Web Forms Tutorial (Main Demo)
Basic ASP.NET Core Blazor Tutorial (Simple Project Manager Demo)
In-Depth XAF ASP.NET Core Blazor UI 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
Create a Calculated Property
Filter Lookup Editor Data Source
Format a Property Value
Use a Multiline Editor for String Properties
Add an Item to the Navigation Control
Implement Property Value Validation in the Application Model
Customize the View Items Layout
Localize UI Elements
Add an Editor to a Detail View
Change Field Visibility in a List View
Change Filter List Views
Group List View Data
Additional Modules
Installation, Upgrade, Version History
Application 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

Change Field Visibility in a List View

This lesson explains how to select columns displayed in a List View. We will customize the Contact List View at design-time.

Note

Before you proceed, take a moment to review the following lesson:

Step-by-Step Instructions

  1. In the MySolution.Module project, open the Model.DesignedDiffs.xafml file in the Model Editor.

  2. Click the Views | MySolution.Module.BusinessObjects | Contact_ListView | Columns node to open the Grid List Editor Designer. Right-click the table header and select the Column Chooser.

    Display Column Chooser

  3. Drag columns to and from the Customization window to display the following columns in the List View: FullName, Department, Position, and Email.

    Manage column visibility in the Column Chooser

  4. Run the application. The FullName, Department, Position, and Email columns are displayed in the Contact List View.

    Result of the List View layout customization

Detailed Explanation

Additional Layout Customization

You can also resize and group columns in the Grid List Editor Designer. See the following help section for more information: Design-Time Customization.

Reset Column Settings

Invoke the Model Editor right-click the Views | Contact_ListView node and select Reset Differences to display the List View with the default column settings.

Next Lesson

Filter List Views