Search code examples
wpfcolor-pickertoolkitxceed

Hide Down Arrow in xceed toolkit ColorPicker


I am using Xceed Toolkit ColorPicker in a WPF project. The color picker is working good, but could not find a option to hide the combo box style down arrow.

I am looking for a way to edit the template and hide that.

  xmlns:xctk="http://schemas.xceed.com/wpf/xaml/toolkit"

       <xctk:ColorPicker Name="cp" 
                       DisplayColorAndName="False" 
                       Height="25"
                       Width="70"
                       SelectedColorChanged="cp_SelectedColorChanged_1" 
                       AvailableColorsSortingMode="HueSaturationBrightness" >            
    </xctk:ColorPicker>

I am just wondering if anyone has the working XAML template code to share.

enter image description here


Solution

  • You do not have to edit the template, you can set the ShowDropDownButton property to false.

    <xctk:ColorPicker Name="cp" 
                      DisplayColorAndName="False" 
                      Height="25"
                      Width="70"
                      AvailableColorsSortingMode="HueSaturationBrightness"
                      ShowDropDownButton="False">
    </xctk:ColorPicker>
    

    This results in the ToggleButton with the arrow not being displayed.

    enter image description here