Changing the Drop-Down List Direction

By default, when the user clicks the C1ComboBox control's drop-down arrow at run-time, the drop-down list will appear below the control; if that is not possible, it will appear above the control. You can, however, change the direction in which the drop-down list appears by setting the DropDownDirection property to one of the following four options:

You can change the drop-down list direction using one of the following methods:

In XAML

Complete the following steps:

1. Add DropDownDirection="ForceAbove" to the <c1:C1ComboBox> tags so that the markup resembles the following:

<c1:C1ComboBox Width="249" DropDownDirection="ForceAbove">

2. Run the program and click the drop-down arrow. Observe that the drop-down list appears above the control.

In Code

Complete the following steps:

1. Add x:Name="C1ComboBox1" to the <c1:C1ComboBox> tag so that the object will have a unique identifier for you to call in code.
2. Open the MainPage.xaml.cs or the MainWindow.xaml.cs page.
3. Add following code beneath the InitializeComponent() method:

C1ComboBox1.DropDownDirection = ForceAbove

C1ComboBox1.DropDownDirection = ForceAbove;

4. Run the program and click the drop-down arrow. Observe that the drop-down list appears above the control.

In the Designer

Complete the following steps:

1. Click the C1ComboBox control once to select it.
2. In the Properties window, click the DropDownDirection drop-down arrow and select an option. For this example, select ForceAbove.
3. Run the program and click the drop-down arrow. Observe that the drop-down list appears above the control.