Loading...
Loading...
Implement Syncfusion WPF TaskBar for Windows Explorer-style grouped task panels with collapsible TaskBarItem sections. Use this when building grouped collapsible panels, Windows XP-style sidebars, or expandable action panel sections in WPF. Covers TaskBarItem, GroupMargin, GroupPadding, GroupWidth, GroupOrientation, IsOpened, ButtonSize, and animation speed configuration.
npx skill4agent add syncfusion/wpf-ui-components-skills syncfusion-wpf-taskbarTaskBarItemSyncfusion.Tools.WPFSyncfusion.Shared.WPFxmlns:syncfusion="http://schemas.syncfusion.com/wpf"using Syncfusion.Windows.Tools.Controls;| Scenario | Use TaskBar |
|---|---|
| Windows Explorer-style grouped action panel | ✅ Yes |
| Collapsible sidebar with grouped items | ✅ Yes |
| WPF tool panel with categorized sections | ✅ Yes |
| Simple tab control | ❌ Use TabControl |
| Navigation sidebar with drill-down | ❌ Use GroupBar or SfTreeNavigator |
IsOpenedSpeedButtonSizeGroupOrientationGroupOrientationChangedGroupMarginGroupPaddingGroupWidthFlowDirectionSkinStorage.SetVisualStyle()<Window x:Class="MyApp.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:syncfusion="http://schemas.syncfusion.com/wpf"
Title="MainWindow" Height="450" Width="300">
<Grid>
<syncfusion:TaskBar Name="taskBar" GroupMargin="5">
<syncfusion:TaskBarItem Header="File Tasks">
<StackPanel Margin="10">
<TextBlock Text="Open a file" />
<TextBlock Text="Save the file" />
</StackPanel>
</syncfusion:TaskBarItem>
<syncfusion:TaskBarItem Header="Edit Tasks">
<StackPanel Margin="10">
<TextBlock Text="Copy" />
<TextBlock Text="Paste" />
</StackPanel>
</syncfusion:TaskBarItem>
</syncfusion:TaskBar>
</Grid>
</Window>TaskBar taskBar = new TaskBar();
taskBar.GroupMargin = new Thickness(5);
TaskBarItem item1 = new TaskBarItem() { Header = "File Tasks" };
item1.Items.Add(new TextBlock() { Text = "Open a file" });
taskBar.Items.Add(item1);
TaskBarItem item2 = new TaskBarItem() { Header = "Edit Tasks" };
item2.Items.Add(new TextBlock() { Text = "Copy" });
taskBar.Items.Add(item2);
this.Content = taskBar;<syncfusion:TaskBar Name="taskBar" syncfusion:TaskBar.IsOpened="False">
<syncfusion:TaskBarItem Header="Tasks" />
</syncfusion:TaskBar><syncfusion:TaskBar GroupOrientation="Horizontal" GroupMargin="5">
...
</syncfusion:TaskBar><syncfusion:TaskBarItem>
<syncfusion:TaskBarItem.Header>
<DockPanel>
<Image Height="16" Width="16" Source="icon.png" />
<TextBlock Foreground="White" Margin="5,0,0,0" Text="My Group" />
</DockPanel>
</syncfusion:TaskBarItem.Header>
...
</syncfusion:TaskBarItem>SkinStorage.SetVisualStyle(taskBar, "Office2007Blue");| Property | On | Type | Description |
|---|---|---|---|
| | | Group header label (supports templates) |
| | collection | Content items in the group |
| | | Margin between all TaskBarItems |
| | | Uniform width for all TaskBarItems |
| | | |
| | | |
| attached on | | Expand ( |
| attached | | Animation speed for expand/collapse |
| attached | | Height of the expander button |
| attached | | Padding inside each TaskBarItem |