title: custom combobox in wpf Application
body: <p>Im new to WPF Application. I need to customize my combobox like this image.<img src="https://i.stack.imgur.com/trwsB.jpg" alt="SAMPLE IMAGE"></p>
  
  <p>I have tried this example 
  <a href="http://www.eidias.com/Blog/2012/2/20/customizing-wpf-combo-box-style">http://www.eidias.com/Blog/2012/2/20/customizing-wpf-combo-box-style</a> </p>
  
  <pre><code>    &lt;Window x:Class="win.Window1"
          xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
          xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
          Title="Window1"  Height="300" Width="300" Background="Red"&gt;
      &lt;Window.Resources&gt;
          &lt;ControlTemplate x:Key="CustomToggleButton" TargetType="ToggleButton"&gt;
              &lt;Grid&gt;
                  &lt;Border Name="Border" /&gt;
                  &lt;Border Name="SmallBorder" /&gt;
                  &lt;Path Name="Arrow" /&gt;
              &lt;/Grid&gt;
          &lt;/ControlTemplate&gt;
          &lt;Style TargetType="{x:Type ComboBoxItem}"&gt;
              &lt;Setter Property="FrameworkElement.OverridesDefaultStyle" Value="True" /&gt;
              &lt;Setter Property="Control.Template"&gt;
                  &lt;Setter.Value&gt;
                      &lt;ControlTemplate TargetType="{x:Type ComboBoxItem}"&gt;
                          &lt;Border&gt;
                              &lt;ContentPresenter /&gt;
                          &lt;/Border&gt;
                      &lt;/ControlTemplate&gt;
                  &lt;/Setter.Value&gt;
              &lt;/Setter&gt;
          &lt;/Style&gt;
          &lt;Style TargetType="{x:Type ComboBox}"&gt;
              &lt;Setter Property="FrameworkElement.OverridesDefaultStyle" Value="True" /&gt;
              &lt;Setter Property="Control.Template"&gt;
                  &lt;Setter.Value&gt;
                      &lt;ControlTemplate TargetType="ComboBox"&gt;
                          &lt;Grid&gt;
                              &lt;ToggleButton Template="{StaticResource CustomToggleButton}" /&gt;
                              &lt;ContentPresenter /&gt;
                              &lt;TextBox /&gt;
                              &lt;Popup&gt;
                                  &lt;Grid&gt;
                                      &lt;Border&gt;
                                          &lt;ScrollViewer&gt;
                                              &lt;ItemsPresenter /&gt;
                                          &lt;/ScrollViewer&gt;
                                      &lt;/Border&gt;
                                  &lt;/Grid&gt;
                              &lt;/Popup&gt;
                          &lt;/Grid&gt;
                      &lt;/ControlTemplate&gt;
                  &lt;/Setter.Value&gt;
              &lt;/Setter&gt;
          &lt;/Style&gt;
      &lt;/Window.Resources&gt;
      &lt;Grid&gt;
          &lt;ComboBox Grid.Column="1" Height="40" Width="200" &gt;
              &lt;ComboBoxItem Name="item1"&gt;item1&lt;/ComboBoxItem&gt;
              &lt;ComboBoxItem Name="item2"&gt;item2&lt;/ComboBoxItem&gt;
              &lt;ComboBoxItem Name="item3"&gt;item3&lt;/ComboBoxItem&gt;
          &lt;/ComboBox&gt;
      &lt;/Grid&gt;
  &lt;/Window&gt;
  </code></pre>
  
  <p>This output works like textbox.Please help me guys!</p>