WPF Bars – Visually Group Bar Items with Separators

This example uses the BarItemLinkSeparator to visually organize bar items in a ToolBarControl.

Use BarItemLinkSeparator when you want to:

• Group related commands visually to improve toolbar clarity.
• Separate logical blocks of actions (for example, Undo/Redo and Copy/Paste) without introducing new containers.
• Enhance the usability of complex toolbars.

Implementation Details

Create Toolbar

Define a ToolBarControl inside a BarContainerControl with five command buttons:

<dxb:BarContainerControl Grid.Row="0">
    <dxb:ToolBarControl Caption="Main Toolbar">
        <dxb:BarButtonItem Content="Undo" Glyph="{dx:DXImage Image=undo16x16.png}" />
        <dxb:BarButtonItem Content="Redo" Glyph="{dx:DXImage Image=redo16x16.png}" />
        <dxb:BarItemLinkSeparator />
        <dxb:BarButtonItem Content="Copy" Glyph="{dx:DXImage Image=copy16x16.png}" />
        <dxb:BarButtonItem Content="Paste" Glyph="{dx:DXImage Image=paste16x16.png}" />
    </dxb:ToolBarControl>
</dxb:BarContainerControl>

Group Related Commands

The BarItemLinkSeparator adds a visual break between Undo/Redo and Copy/Paste groups. Separators allow users to quickly distinguish between different command categories.

Files to Review

• Window1.xaml (VB: Window1.xaml)
• Window1.xaml.cs (VB: Window1.xaml.vb)

Documentation

• BarItemLinkSeparator
• ToolBarControl
• BarContainerControl
• Bars Overview

More Examples

• WPF Bars – Create a Container for BarItem Links
• MVVM Application with WPF Bars
• WPF PDF Viewer – Customize the Integrated Bar's Commands

Does this example address your development requirements/objectives?

(you will be redirected to DevExpress.com to submit your response)