Taskbar Visual Tree Element Targets

Complete technical reference and living catalog of verified WinUI 3 XAML visual tree element names, types, control hierarchies, and visual state behaviors in explorer.exe (Windows 11 Taskbar).


Architecture & Visual Tree Topology

The Windows 11 Taskbar is implemented as a modern WinUI 3 XAML island running directly within explorer.exe. It uses the Microsoft.UI.Xaml framework, featuring high-performance DirectComposition visual trees, advanced hardware-accelerated animations, and responsive adaptive layouts.

flowchart TD
    Frame["Taskbar.TaskbarFrame#TaskbarFrame\n(Primary Taskbar Container)"] --> RootGrid["Grid#RootGrid\n(Master Layout Grid)"]
    RootGrid --> BgCtrl["Taskbar.TaskbarBackground#BackgroundControl\n(Dock Canvas & Glass Surface)"]
    BgCtrl --> FillRect["Rectangle#BackgroundFill\n(Native Solid Fill)"]
    
    RootGrid --> AppList["TaskListUI#TaskList\n(Running Apps List)"]
    AppList --> StartBtn["StartButton#StartButton\n(Windows Start Orb)"]
    AppList --> SearchPill["SearchUx.SearchUI.SearchIconButton\n(Search Bar Pill)"]
    AppList --> TaskButtons["Taskbar.TaskListButtonPanel\n(Application Icon Buttons)"]
    
    TaskButtons --> ActiveInd["Border#ActiveIndicator\n(Bottom Running Pill)"]
    TaskButtons --> ProgressInd["Border#ProgressIndicator\n(Download Progress Bar)"]
    
    RootGrid --> TrayArea["SystemTray#SystemTray\n(Corner Tray & Status Cluster)"]
    TrayArea --> QuickStatus["Grid#QuickStatusGrid\n(Network/Volume/Battery)"]
    TrayArea --> ClockCtrl["ClockControl#Clock\n(Date/Time Presenter)"]
    TrayArea --> ShowDesk["Button#ShowDesktopButton\n(1px Far-Right Edge)"]

1. Root Taskbar Frame & Canvas Targets

Controls managing the overall dock boundaries, margins, corner rounding, and background glass surfaces.

Element Selector Class Type Verified Builds Behavior & Styling Notes
Taskbar.TaskbarFrame > Grid#RootGrid > Taskbar.TaskbarBackground > Grid, Taskbar.TaskbarBackground > Grid, Taskbar.TaskbarBackground#BackgroundControl > Grid Windows.UI.Xaml.Controls.Grid Win11 21H2 – 24H2 Main background grid of the taskbar. The glass surface is applied to the Taskbar.TaskbarBackground#HoverFlyoutBackgroundControl host (stylable: Background, BorderBrush, BorderThickness, CornerRadius); the taskbar remains flush with the display edges.
Taskbar.TaskbarFrame > Grid#RootGrid > Taskbar.TaskbarBackground > Grid > Rectangle#BackgroundFill, Taskbar.TaskbarBackground > Grid > Rectangle#BackgroundFill Windows.UI.Xaml.Shapes.Rectangle Win11 21H2 – 24H2 Native system taskbar solid fill rectangle. Set to Visibility=Collapsed to prevent opaque system colors from masking custom frosted glass.
Rectangle#BackgroundStroke Windows.UI.Xaml.Shapes.Rectangle Win11 21H2 – 24H2 Native top border stroke line. Collapsed (Visibility=Collapsed) to eliminate the harsh horizontal line.
Taskbar.TaskbarBackground#HoverFlyoutBackgroundControl, Taskbar.TaskbarBackground#HoverFlyoutBackgroundControl > Grid Windows.UI.Xaml.Controls.Grid Win11 22H2 – 24H2 Frosted glass background host for the taskbar surface. Stylable: Background, BorderBrush, BorderThickness, CornerRadius.
Taskbar.SecondaryTaskbarFrame#SecondaryTaskbarFrame TaskbarFrame Win11 21H2 – 24H2 Taskbar container rendered on secondary / external monitors. Inherits primary framing styles.

2. Running Apps & Task List Buttons

Controls managing application icons, running state indicators, uncombined labels, and interactive mouse hover states.

Element Selector Class Type Verified Builds Behavior & Styling Notes
Taskbar.TaskListButtonPanel@CommonStates > Grid > Border#BackgroundElement, Taskbar.TaskListButtonPanel@CommonStates > Border#BackgroundElement Windows.UI.Xaml.Controls.Border Win11 21H2 – 24H2 Application button card pill. Stylable: Padding, Margin, CornerRadius, plus multi-state background overrides: Background@ActiveNormal, Background@ActivePointerOver, Background@InactivePointerOver, Background@MultiWindowNormal.
Grid#IconPanel@CommonStates > Border#BackgroundElement, Taskbar.TaskListLabeledButtonPanel@CommonStates > Border#BackgroundElement Windows.UI.Xaml.Controls.Border Win11 23H2 – 24H2 Button background for uncombined / labeled taskbar items. Stylable: Width, Height.
Grid#IconPanel@RunningIndicatorStates > Rectangle#RunningIndicator, Taskbar.TaskListLabeledButtonPanel@RunningIndicatorStates > Rectangle#RunningIndicator Windows.UI.Xaml.Shapes.Rectangle Win11 21H2 – 24H2 Running app indicator pill. Stylable: RadiusX, RadiusY, Height, Width, Fill, Fill@ActiveRunningIndicator, Width@ActiveRunningIndicator.
Microsoft.UI.Xaml.Controls.ProgressBar#ProgressIndicator ProgressBar Win11 21H2 – 24H2 Real-time file copy / download progress bar rendered across app buttons. Stylable: Margin.
Windows.UI.Xaml.Shapes.Rectangle#ProgressBarTrack Rectangle Win11 21H2 – 24H2 Progress bar inactive track. Stylable: Fill, RadiusX, RadiusY.
Windows.UI.Xaml.Shapes.Rectangle#DeterminateProgressBarIndicator Rectangle Win11 21H2 – 24H2 Active progress bar fill. Stylable: Fill.
Taskbar.Badge#BadgeControl Badge Win11 22H2 – 24H2 Notification badge count bubble on taskbar icons. Stylable: Height, MinWidth, CornerRadius.
TextBlock#TaskbarButtonLabel Windows.UI.Xaml.Controls.TextBlock Win11 23H2 – 24H2 Text label for uncombined taskbar buttons.

3. Start Button & Search Box Targets

Controls rendering the Windows Start orb and embedded taskbar search inputs.

Element Selector Class Type Verified Builds Behavior & Styling Notes
Taskbar.ExperienceToggleButton#LaunchListButton[AutomationProperties.AutomationId=StartButton] ExperienceToggleButton Win11 21H2 – 24H2 Windows Start orb button wrapper. Stylable: VerticalAlignment, Margin.
Taskbar.ExperienceToggleButton#LaunchListButton[AutomationProperties.AutomationId=StartButton] > Taskbar.TaskListButtonPanel > Grid > AnimatedVisualPlayer#Icon AnimatedVisualPlayer Win11 21H2 – 24H2 Windows logo animated Lottie player. Scaled via a RenderTransform with a ScaleTransform; stylable: Width, Height.
SearchUx.SearchUI.SearchIconButton > SearchUx.SearchUI.SearchButtonRootGrid#SearchBoxButtonRootPanel Grid Win11 22H2 – 24H2 Search icon button container. Stylable: Background, BorderBrush, BorderThickness, CornerRadius, Width, Height.
SearchUx.SearchUI.SearchPillButton#SearchPill > SearchUx.SearchUI.SearchButtonRootGrid#SearchBoxButtonRootPanel Grid Win11 22H2 – 24H2 Expanded search pill bar. Stylable: MaxWidth, MaxHeight, CornerRadius.
SearchUx.SearchUI.SearchButtonRootGrid#SearchBoxButtonRootPanel > Grid > Border#SearchPillBackgroundElement Border Win11 22H2 – 24H2 Background card for the expanded search pill. Stylable: BorderBrush, CornerRadius, BorderThickness.
Grid#DynamicSearchBoxGleamContainer Grid Win11 22H2 – 24H2 Dynamic search gleam illustrations (daily doodles). Collapsed via Visibility=Collapsed to keep search clean.
Taskbar.AugmentedEntryPointButton#AugmentedEntryPointButton Button Win11 23H2 – 24H2 Copilot / Windows intelligence entry point button on the taskbar. Stylable: Margin, VerticalAlignment.

4. System Tray, Clock & Corner Flyout Triggers

Controls organizing the notification area, quick status pill (network/volume/battery), and clock presenter.

Element Selector Class Type Verified Builds Behavior & Styling Notes
StackPanel#SystemTrayFrameGrid, Grid#SystemTrayFrameGrid StackPanel, Grid Win11 21H2 – 24H2 Main container for system tray icons and clock. Stylable: Height; surface cleared via Background:=Transparent, BorderBrush:=Transparent, BorderThickness=0, Shadow:=.
Grid#OverflowRootGrid > Border Border Win11 21H2 – 24H2 Hidden tray icons overflow chevron menu card. Intentionally transparent: Background:=Transparent, BorderBrush:=Transparent, BorderThickness=0, Shadow:=; stylable: Padding.
SystemTray.DateTimeIconContent Custom Content Win11 21H2 – 24H2 Embedded date/time icon content. Stylable: FontSize.
TextBlock#DateInnerTextBlock Windows.UI.Xaml.Controls.TextBlock Win11 21H2 – 24H2 Secondary date string beneath the clock. Can be collapsed via Visibility=Collapsed for compact single-line clocks.
Windows.UI.Xaml.Controls.Grid#VolumeConfirmator Grid Win11 22H2 – 24H2 Volume HUD confirmator toast popup. Stylable: Padding, CornerRadius.
Windows.UI.Xaml.Controls.Grid#BrightnessConfirmator Grid Win11 22H2 – 24H2 Brightness HUD confirmator toast popup. Stylable: Padding, CornerRadius.
Button#ShowDesktopButton Button Win11 21H2 – 24H2 Extreme right-hand 1px line that triggers Show Desktop. Can be collapsed via Visibility=Collapsed.

5. Virtual Desktop & Snap Assist Controls

Flyouts and overlays triggered directly from the taskbar for window management.

Element Selector Class Type Verified Builds Behavior & Styling Notes
Border#VirtualDesktopBarBackground Border Win11 22H2 – 24H2 Virtual desktop switcher bar background card. Stylable: Background, BorderBrush, CornerRadius.
WindowsInternal.ComposableShell.Experiences.Switcher.VirtualDesktopElementThemed Custom Element Win11 22H2 – 24H2 Individual desktop preview thumbnail card. Stylable: CornerRadius.
SnapLayout.SnapLayoutPickerControl, Windows.UI.Xaml.Controls.Border#SnapPickerBorder SnapLayoutPickerControl, Border Win11 22H2 – 24H2 Snap Assist flyout popup card. Stylable: Background, BorderBrush, CornerRadius.
SnapLayout.SnapLayoutControl@CommonStates > Windows.UI.Xaml.Controls.Border#LayoutBorder Border Win11 22H2 – 24H2 Interactive snap zone preview. Stylable: Background@PointerOver, Background@Pressed.