skills.rest
Petelids
PetelidsCOMMUNITY
Explore all skills by this author →
GitHub

maui-collectionview

Implement CollectionView in .NET MAUI apps with layouts, selection, and grouping.

Updated Aug 27, 2026
Search Tags:#layout#dotnet#ui-design#data-binding#xaml#maui#collectionview
One-click install
npx skills add https://github.com/Petelids/Sudoku --skill maui-collectionview-petelids
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: maui-collectionview
Source: https://github.com/Petelids/Sudoku/tree/main/skills/maui-skills/maui-collectionview
Command: npx skills add https://github.com/Petelids/Sudoku --skill maui-collectionview-petelids

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Guides developers to implement CollectionView in .NET MAUI apps to display data with flexible layouts, selection, grouping, headers/footers, empty states, and interactive features.

Core Features & Use Cases

  • Data-display with CollectionView using ItemTemplate and compiled bindings
  • Support for VerticalList / Grid layouts, headers/footers, selection modes, grouping, empty views, swipe actions, and pull-to-refresh
  • Real-world scenarios include displaying contact lists, product catalogs, or dashboards with responsive layouts

Quick Start

Create a MAUI page with a CollectionView bound to a data source, define an item template, and choose an ItemsLayout to render data.

Frequently Asked Questions about maui-collectionview

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement a vertical list and grid layout using CollectionView in .NET MAUI?▼

To implement a CollectionView in .NET MAUI, bind your data to the ItemsSource and define an ItemsLayout for either a vertical list or a grid. You then use an item template to render each data item within the chosen layout.

Can I add headers, footers, and empty states to a MAUI CollectionView?▼

Yes, a MAUI CollectionView supports adding headers, footers, and empty states directly. You can configure these UI elements to display surrounding content or an empty view when the bound data source contains no items.

What is the best way to enable selection and grouping in a MAUI CollectionView?▼

To enable selection and grouping in a MAUI CollectionView, configure the appropriate selection modes and use grouping features within your XAML. This allows users to interactively select items and organize data into hierarchical groups.

How do I add swipe actions and pull-to-refresh to a MAUI data list?▼

You can add swipe actions and pull-to-refresh to a MAUI data list by utilizing the built-in interactive features of CollectionView. These features allow users to swipe items for actions and pull down to refresh the underlying data source.

Does .NET MAUI CollectionView support incremental data loading for large datasets?▼

Yes, .NET MAUI CollectionView supports incremental loading to efficiently handle large datasets. This allows you to load data progressively as the user scrolls, improving performance for data-heavy interfaces like product catalogs.

Related Skills

Explore More Software Engineering Skills→
rudironsonirudironsoni

dotnet-maui-development

Guide .NET MAUI cross-platform app development with MVVM and Shell navigation.

Community
Intermediate
syncfusionsyncfusion
5

syncfusion-wpf-card-view

Implement data-bound WPF CardView with grouping, sorting, filtering, and editing.

Official
Advanced
mkazimotomkazimoto

maui-shell-navigation

Organize MAUI Shell navigation with routes, tabs, and GoToAsync.

Community
Advanced
iButtersiButters
3

maui-blazor-development

Guide .NET MAUI Blazor Hybrid development with architecture and BlazorWebView configuration.

Community
Advanced