# Toolbar DropDown

## Content



The [C1ToolbarDropDown](/componentone/api/wpf/online-toolbar/dotnet-framework-api/C1.WPF.Toolbar.4.6.2/C1.WPF.Toolbar.C1ToolbarDropDown.html) control represents a drop-down button on the [C1ToolbarStrip](/componentone/api/wpf/online-toolbar/dotnet-framework-api/C1.WPF.Toolbar.4.6.2/C1.WPF.Toolbar.C1ToolbarStrip.html). When clicking it displays popup panel with **Content** property or context menu set by **Menu** property. A drop-down button provides users with a list of options. When you click on a **C1ToolBarDropDown** button the **Click** event always fires and the drop down list appears.

![](https://cdn.mescius.io/document-site-files/images/17ce8aee-69c7-489e-8aef-ce88c8948853/graphics/toolbardropdownex1.png)

**Example 1: Drop-down with popup stack panel with buttons**

```xml
<c1:C1ToolbarDropDown Padding="2" Header="Color">
   <c1:C1ToolbarDropDown.Content>
     <StackPanel Margin="2" Orientation="Horizontal">
       <Button Margin="2" Content="Red" Foreground="Red" />
       <Button Margin="2" Content="Green" Foreground="Green" />
       <Button Margin="2" Content="Blue" Foreground="Blue" />
     </StackPanel>
   </c1:C1ToolbarDropDown.Content>
</c1:C1ToolbarDropDown>
```

**Example 2: Dropdown with popup menu**

![](https://cdn.mescius.io/document-site-files/images/17ce8aee-69c7-489e-8aef-ce88c8948853/graphics/dropdownex2.png)

```xml
<c1:C1Toolbar Name="c1Toolbar1" Margin="0,127,0,160">
   <c1:C1ToolbarDropDown Padding="2" Header="Color">
     <c1:C1ToolbarDropDown.ContextMenu>
        <ContextMenu>
          <MenuItem Foreground="Red" Header="Red" IsCheckable="True" />
          <MenuItem Foreground="Green" Header="Green" IsCheckable="True" />
          <MenuItem Foreground="Blue" Header="Blue" IsCheckable="True" />
         </ContextMenu>
     </c1:C1ToolbarDropDown.ContextMenu>
   </c1:C1ToolbarDropDown>
</c1:C1Toolbar></c1:C1ToolbarDropDown>
```

The **C1ToolBarDropDown** includes the following unique properties:

|   **Property**   |   **Definition**   |
| --- | --- |
|   [ContentBackground](/componentone/api/wpf/online-toolbar/dotnet-framework-api/C1.WPF.Toolbar.4.6.2/C1.WPF.Toolbar.C1ToolbarDropDown.ContentBackground.html)   |   Gets or sets the content background.   |
|   [Menu](/componentone/api/wpf/online-toolbar/dotnet-framework-api/C1.WPF.Toolbar.4.6.2/C1.WPF.Toolbar.C1ToolbarDropDown.Menu.html)   |   Gets or sets the context menu which is displayed when the control is clicked.   |
|   [MouseOverBrush](/componentone/api/wpf/online-toolbar/dotnet-framework-api/C1.WPF.Toolbar.4.6.2/C1.WPF.Toolbar.C1ToolbarDropDown.MouseOverBrush.html)   |   Gets or sets the Brush used to highlight the control when it has the mouse over.   |
|   [PressedBrush](/componentone/api/wpf/online-toolbar/dotnet-framework-api/C1.WPF.Toolbar.4.6.2/C1.WPF.Toolbar.C1ToolbarDropDown.PressedBrush.html)   |   Gets or sets the Brush used to paint a button when it is pressed.   |