WPF Combobox: Different template in textbox and drop-downlist

by

Unfortunately, the SelectionBoxItemTemplate is a readonly property, so we have to do a bit more work. By doing the ItemTemplate to be how you want the item to appear when selected, you can edit the ItemContainerStyle to provide a ControlTemplate that includes the other fields you want to display.

<ComboBox Height="45" HorizontalAlignment="Left" Margin="184,66,0,0" Name="ComboBox1" VerticalAlignment="Top" Width="216">
    <ComboBox.ItemTemplate>
        <DataTemplate>
            <Label Content="{Binding FullName}" Width="150" />
        </DataTemplate>
    </ComboBox.ItemTemplate>
    <ComboBox.ItemContainerStyle>
        <Style TargetType="{x:Type ComboBoxItem}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type ComboBoxItem}">
                        <Border x:Name="Bd"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="{TemplateBinding BorderThickness}"
                                Background="{TemplateBinding Background}">
                            <StackPanel Orientation="Horizontal">
                                <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
                                                  VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
                                <Label Content="{Binding Title}" Width="100"/>
                                <Label Content="{Binding BranchName}" />
                            </StackPanel>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsHighlighted" Value="True">
                                <Setter TargetName="Bd" Property="Background" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}" />
                                <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.HighlightTextBrushKey}}" />
                            </Trigger>
                            <Trigger Property="IsEnabled" Value="False">
                                <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" />
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </ComboBox.ItemContainerStyle>
</ComboBox>

For the ComboBoxItem template, I just modified the default one, so it should be fully functional.

More Related Contents:

  1. Interaction Triggers in Style in ResourceDictionary WPF
  2. XAML binding not working on dependency property?
  3. How to hide close button in WPF window?
  4. Select multiple items from a DataGrid in an MVVM WPF project
  5. ReSharper WPF error: “Cannot resolve symbol “MyVariable” due to unknown DataContext”
  6. using of INotifyPropertyChanged
  7. Implement Validation for WPF TextBoxes
  8. ListBox items return string, when DataTemplate is Button
  9. Selecting a Textbox Item in a Listbox does not change the selected item of the listbox
  10. In WPF can you filter a CollectionViewSource without code behind?
  11. Use StringFormat to add a string to a WPF XAML binding
  12. How can I set the color of a selected row in DataGrid
  13. Bind datagrid column visibility MVVM
  14. the name does not exist in the namespace clr-namespace
  15. WPF Error 40 BindingExpression path error: property not found on ‘object’
  16. Create Key binding in WPF
  17. Cannot find source for binding with reference ‘RelativeSource FindAncestor’ [duplicate]
  18. How to sort TreeView items using SortDescriptions in Xaml?
  19. DataBinding in WPF?
  20. Handling the window closing event with WPF / MVVM Light Toolkit
  21. WPF OpenFileDialog with the MVVM pattern? [duplicate]
  22. Mutually exclusive checkable menu items?
  23. Get selected value from combo box in C# WPF
  24. How do I keep aspect ratio on scalable, scrollable content in WPF?
  25. Bind visibility property to a variable
  26. How to remove additional padding from a WPF TextBlock?
  27. How does one “disable” a button in WPF using the MVVM pattern?
  28. How to set focus to textbox using MVVM?
  29. Storyboards can’t find ControlTemplate elements
  30. How to scroll to the bottom of a ScrollViewer automatically with Xaml and binding?

Leave a Comment