syncfusion-wpf-menu

Q: How do I install syncfusion-wpf-menu?

Run npx skills add https://github.com/syncfusion/wpf-ui-components-skills --skill syncfusion-wpf-menu in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/syncfusion-wpf-menu/ (personal) or .claude/skills/syncfusion-wpf-menu/ (project).

by syncfusionFrontend & Design

Implement Syncfusion WPF MenuAdv for hierarchical menus, context menus, and application menu bars. Use this when building nested menus, menus with icons, keyboard shortcuts, checkbox/radio button menu items, or command-bound menus in WPF. Covers ItemsSource data binding with HierarchicalDataTemplate, MenuItemSeparator, orientation, expand mode, animation, and theming.

Installs: 156
Last 24h: —
Trending rank: —
Security: Not audited

Install

Works with every agent the skills CLI supports.

npx skills add https://github.com/syncfusion/wpf-ui-components-skills --skill syncfusion-wpf-menu

01
Install
Run the command in your project. The CLI asks which agents to install for.
02
Describe the task
Ask your agent for something this skill covers. It loads syncfusion-wpf-menu automatically when relevant.
03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.

SKILL.md

The instructions your agent reads when the skill is triggered.

Implementing MenuAdv (WPF)

When to Use This Skill

Use this skill when the user needs to:

Build an application menu bar (File, Edit, View…) with nested submenus
Add icons, keyboard shortcut labels, or separators to menu items
Create checkable menu items (checkbox or radio button style)
Bind a hierarchical data collection to a menu via ItemsSource
Wire menu items to ICommand implementations (MVVM pattern)
Switch between horizontal and vertical menu orientation
Control how submenus open (click vs mouse-hover)

Component Overview

MenuAdv                               (root menu bar container)
├── MenuItemAdv  (×N)                 (top-level or nested item)
│   ├── Header                        — display text
│   ├── Icon                          — image/UIElement on left
│   ├── InputGestureText              — shortcut label (e.g. "Ctrl+N")
│   ├── IsCheckable / CheckIconType   — checkbox or radio button mode
│   ├── Command / CommandParameter    — ICommand binding
│   └── MenuItemAdv  (×N)            (nested submenu items)
└── MenuItemSeparator                 (horizontal divider line)

Assembly: Syncfusion.Shared.WPF
Namespace: Syncfusion.Windows.Shared
XAML schema: http://schemas.syncfusion.com/wpf

Documentation and Navigation Guide

Getting Started

📄 Read: references/getting-started.md

Assembly reference and NuGet
XAML namespace declaration
Declarative nested MenuItemAdv in XAML
C# code-behind creation
Setting icons on items
Themes with SfSkinManager

Data Binding

📄 Read: references/data-binding.md

Binding ObservableCollection via ItemsSource
Model + ViewModel with SubItems hierarchy
HierarchicalDataTemplate setup
Binding from XML via XmlDataProvider + XPath

Menu Item Features

📄 Read: references/menu-item-features.md

Icons on MenuItemAdv
InputGestureText (keyboard shortcut labels)
MenuItemSeparator (visual divider)
CheckBox menu items (IsCheckable, CheckIconType)
RadioButton menu items (GroupName for mutual exclusion)

Commands

📄 Read: references/commands.md

Command property — binding to ICommand
CommandParameter — value passed to handler
CommandTarget — routing to a specific element
Built-in ApplicationCommands (Copy, Cut, Paste)
DelegateCommand implementation pattern for MVVM

Orientation and Expand Mode

📄 Read: references/orientation-and-expand-mode.md

Orientation — Horizontal (default) vs Vertical
ExpandMode — ExpandOnClick vs ExpandOnMouseOver
Boundary detection and scroll support overview
Decision guide

Appearance

📄 Read: references/appearance.md

Animation support
Keyboard navigation
Blendability (Expression Blend customization)
Themes via SfSkinManager and ThemeStudio

Quick Start

xmlns:syncfusion="http://schemas.syncfusion.com/wpf"

<syncfusion:MenuAdv Height="25" VerticalAlignment="Top">
    <syncfusion:MenuItemAdv Header="File">
        <syncfusion:MenuItemAdv Header="New"/>
        <syncfusion:MenuItemAdv Header="Open"/>
        <syncfusion:MenuItemSeparator/>
        <syncfusion:MenuItemAdv Header="Exit"/>
    </syncfusion:MenuItemAdv>
    <syncfusion:MenuItemAdv Header="Edit">
        <syncfusion:MenuItemAdv Header="Cut"/>
        <syncfusion:MenuItemAdv Header="Copy"/>
        <syncfusion:MenuItemAdv Header="Paste"/>
    </syncfusion:MenuItemAdv>
    <syncfusion:MenuItemAdv Header="View"/>
</syncfusion:MenuAdv>

using Syncfusion.Windows.Shared;

MenuAdv menu = new MenuAdv();

MenuItemAdv file = new MenuItemAdv { Header = "File" };
file.Items.Add(new MenuItemAdv { Header = "New" });
file.Items.Add(new MenuItemAdv { Header = "Open" });
file.Items.Add(new MenuItemSeparator());
file.Items.Add(new MenuItemAdv { Header = "Exit" });

MenuItemAdv edit = new MenuItemAdv { Header = "Edit" };
edit.Items.Add(new MenuItemAdv { Header = "Cut" });
edit.Items.Add(new MenuItemAdv { Header = "Copy" });

menu.Items.Add(file);
menu.Items.Add(edit);
this.Content = menu;

Common Patterns

Scenario	Approach
Static app menu (File/Edit/View)	Declarative nested `MenuItemAdv` in XAML
Dynamic data-driven menu	`ItemsSource` + `HierarchicalDataTemplate`
Icon beside menu item	`MenuItemAdv.Icon` with `<Image Source="..."/>`
Keyboard shortcut label	`InputGestureText="Ctrl+N"`
Separator between groups	`<syncfusion:MenuItemSeparator/>`
Toggle option (checkable)	`IsCheckable="True"` + `CheckIconType="CheckBox"`
Mutually exclusive options	`CheckIconType="RadioButton"` + `GroupName="group1"`
MVVM command binding	`Command="{Binding SaveCommand}"`
Vertical sidebar menu	`Orientation="Vertical"`
Open submenu on hover	`ExpandMode="ExpandOnMouseOver"`

Key Properties

MenuAdv:

Property	Description
`Orientation`	`Horizontal` (default) or `Vertical` item layout
`ExpandMode`	`ExpandOnClick` or `ExpandOnMouseOver`
`ItemsSource`	Data collection for data-bound population
`ItemTemplate`	`HierarchicalDataTemplate` for data-bound items

MenuItemAdv:

Property	Description
`Header`	Display text
`Icon`	Image/UIElement shown on left
`InputGestureText`	Shortcut key label (e.g., `"Ctrl+S"`)
`IsCheckable`	Enable checkbox/radio behavior
`CheckIconType`	`CheckBox` or `RadioButton`
`IsChecked`	Checked state (bool)
`GroupName`	Radio button group identifier
`Command`	`ICommand` binding
`CommandParameter`	Value passed to command
`CommandTarget`	Target element for routed commands

FAQ

What does the syncfusion-wpf-menu skill do?

How do I install syncfusion-wpf-menu?

Run npx skills add https://github.com/syncfusion/wpf-ui-components-skills --skill syncfusion-wpf-menu in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/syncfusion-wpf-menu/ (personal) or .claude/skills/syncfusion-wpf-menu/ (project).

Which AI agents can use syncfusion-wpf-menu?

Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.

Is syncfusion-wpf-menu safe to install?

No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.

Who maintains syncfusion-wpf-menu?

It is published by syncfusion in syncfusion/wpf-ui-components-skills. It has 156 recorded installs.