skills.rest
VincentH-Net
VincentH-NetCOMMUNITY
Explore all skills by this author →
Website𝕏@vincenth_netGitHub

uno-hamburgermenu-databinding

Implement data-bound hierarchical navigation menus in Uno Platform apps.

7|Updated Mar 13, 2026
Search Tags:#routing#mvvm#data-binding#uno-platform#navigationview#hamburger-menu
One-click install
npx skills add https://github.com/VincentH-Net/dotnet-agentic-engineering --skill uno-hamburgermenu-databinding
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: uno-hamburgermenu-databinding
Source: https://github.com/VincentH-Net/dotnet-agentic-engineering/tree/main/plugins/uno-platform/skills/uno-hamburgermenu-databinding
Command: npx skills add https://github.com/VincentH-Net/dotnet-agentic-engineering --skill uno-hamburgermenu-databinding

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill demonstrates how to use the Uno Navigation Extensions with a NavigationView to create a data-bound, hierarchical hamburger menu with dynamic navigation. Use when implementing a data-bound hamburger menu.

Core Features & Use Cases

  • Data-bound menu items via MenuItemsSource bound to an ObservableCollection<NavMenuItem>
  • Hierarchical nested menus via a Children property on menu items
  • Two-way SelectedItem binding to track and control the selected menu item
  • Route-based navigation using Region.Name and Navigation.Data on each item for route-based navigation

Quick Start

Initialize a new Uno app page using the NavigationView with a bound MenuItems collection and a sample set of items to render the hierarchical menu.

Frequently Asked Questions about uno-hamburgermenu-databinding

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

FAQPage Schema
How do I create a data-bound hamburger menu in Uno Platform?▼

To create a data-bound hamburger menu in Uno Platform, bind a NavigationView's MenuItemsSource to an ObservableCollection of menu items and use Uno Navigation Extensions for region-based routing.

Can I build hierarchical nested menus using Uno Navigation Extensions?▼

Yes, you can build hierarchical nested menus by adding a Children property to your data model, allowing the NavigationView to dynamically render nested NavigationViewItem templates.

How do I implement two-way SelectedItem binding for a NavigationView?▼

Implement two-way SelectedItem binding by binding the NavigationView's SelectedItem property to track and control the active menu item across pages during region-based routing.

Does Uno Platform support route-based navigation for dynamic menu items?▼

Yes, Uno Platform supports route-based navigation by setting Region.Name and Navigation.Data on each menu item to configure fully qualified routes across the application.

What is the best way to bind routes to NavigationViewItem templates?▼

The best way to bind routes is configuring NavigationViewItem templates with Route and Data bindings, ensuring fully qualified routes and optional resources are wired correctly.

Related Skills

Explore More Software Engineering Skills→
mtmatteimtmattei
5

uno-navigation

Encode Uno Platform navigation patterns with ViewMaps, RouteMaps, and region-based routing.

Community
Advanced
1k-off1k-off
1

umbraco-menu-items

Generate Umbraco backoffice menu item manifests and action implementations.

Community
Intermediate
unoplatformunoplatform
9

uno-navigation-navigationview

Implement a NavigationView shell with region-based routing for Uno Platform apps.

Official
Advanced
DevExpressDevExpress
39

devexpress-wpf-accordion

Implement hierarchical DevExpress AccordionControl navigation sidebars in WPF.

Official
Intermediate