WPF ComboBox popup placement : Bottom and aligned to the right edge

wpf combobox drop-down-menu placement
Thomas Levesque picture Thomas Levesque · Mar 17, 2011 · Viewed 25.9k times · Source

I'm trying to create a ComboBox with a non-standard dropdown alignment. Basically, I want the dropdown to be below the ComboBox, but aligned with the right edge of the ComboBox instead of the left edge.

What a normal ComboBox looks like, using PlacementMode="Bottom":

combo box aligned to the left

What I want:

combobox aligned to the right

I tried to play with the Popup.PlacementMode property in the template of my ComboBox, but none of the possible values seem to do what I want. Is there a simple way to do it, preferably in pure XAML?

Answer

vortexwolf picture vortexwolf · Mar 17, 2011

When I opened Expression Blend, I have come up with the solution within a few seconds:

<Popup Placement="Left" VerticalOffset="{TemplateBinding ActualHeight}" 
       HorizontalOffset="{TemplateBinding ActualWidth}"

Sometimes this application is more useful than writing xaml by hands, but not so often. enter image description here

Related questions

Binding a WPF ComboBox to a custom list

I have a ComboBox that doesn't seem to update the SelectedItem/SelectedValue. The ComboBox ItemsSource is bound to a property on a ViewModel class that lists a bunch of RAS phonebook entries as a CollectionView. Then I've bound (at separate …

Read More
Get selected value from combo box in C# WPF

I have just started using WPF forms instead of Windows Forms forms. In a Windows Forms form I could just do: ComboBox.SelectedValue.toString(); And this would work fine. How do I do this in WPF? It doesn't seem to …

Read More
ComboBox- SelectionChanged event has old value, not new value

C#, .NET 4.0, VS2010. New to WPF. I have a ComboBox on my MainWindow. I hooked the SelectionChanged event of said combo box. However, if I examine the value of the combo box in the event handler, it has the old …

Read More