By default, when the user clicks the C1DropDown control's drop-down arrow at run-time the drop-down box 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. For more information about the drop-down arrow direction, see Drop-Down Direction.
At Design Time in Blend
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.
In XAML
For example, change the drop-down window direction add DropDownDirection="ForceAbove" to the <c1:C1DropDown> tag so that it appears similar to the following:
<c1:C1DropDown Height="30" Name="c1DropDown1" Width="100" DropDownDirection="ForceAbove"/>
In Code
For example, to change the drop-down box direction, add the following code to your project:
Me.C1DropDown1.DropDownDirection = DropDownDirection.ForceAbove
•C#
this.c1DropDown1.DropDownDirection = DropDownDirection.ForceAbove;
This will set the DropDownDirection property to ForceAbove.
What You've Accomplished
Run the application. When you click the C1DropDown control's drop-down arrow, the drop down window will appear above the control.