# Drop Down Direction

## Content



By default, when the user clicks the C1DropDown control's dropdown arrow at run-time the dropdown will appear below the control, and, if that is not possible, above the control. However, you can customize where you would like the color picker to appear by setting the [DropDownDirection](/componentone/api/wpf/online-input-net/dotnet-api/C1.WPF.Input/C1.WPF.Input.C1DropDownButton.DropDownDirection.html) property.

### In XAML

To change the drop-down window direction add **DropDownDirection="ForceAbove"** to the **<c1:C1DropDown>** tag so that it appears similar to the following:

```xml
<c1:C1DropDown DropDownDirection="ForceAbove" Height="30" Name="c1DropDown1" Width="100"/>
```

### In Code

To change the drop-down box direction, add the following code to your project:

```vbnet
Me.C1DropDown1.DropDownDirection = DropDownDirection.ForceAbove
```

```csharp
this.c1DropDown1.DropDownDirection = DropDownDirection.ForceAbove;
```

### In the Designer

To change the drop-down window direction at run time, complete the following steps:

1.  Click the **C1DropDown** control once to select it.
2.  Navigate to the **Properties** window and click the **DropDownDirection** drop-down arrow.
3.  Choose an option, for example **ForceAbove**.

This will set the **DropDownDirection** property to the option you chose.