</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div id="BeforeHeaderContent"> </div> <div id="HeaderContent"> <!--DXMETADATA start type="Literal" condition="communityenabled" value="%%scrap:name=_COMMUNITY_RATING%%" --><!--DXMETADATA end --> <!--DXMETADATA start type="LogoImage" --><!--DXMETADATA end--> <div id="ProjectTitle"><!--DXMETADATA start type="ProjectTitle" -->Extended Library for WPF and Silverlight<!--DXMETADATA end--></div> <div id="PageTitle"><div id="PageTitleText"><!--DXMETADATA start type="ItemTitle" -->Drop-Down Direction<!--DXMETADATA end--></div></div> </div> <div id="AfterHeaderContent"> <!-- Spacing --> <span id="ToggleAllSectionsLink" class="FunctionLink"> <label id="CollapseAllLabel"><!--DXMETADATA start type="Phrase" name="COLLAPSE_ALL" -->Collapse All<!--DXMETADATA end--></label> <label id="ExpandAllLabel" style="display: none;"><!--DXMETADATA start type="Phrase" name="EXPAND_ALL" -->Expand All<!--DXMETADATA end--></label> </span><!--DXMETADATA start type="Literal" condition="communityenabled" value="%%scrap:name=_COMMUNITY_DROPDOWN%%" --><!--DXMETADATA end --> </div> <!--DXMETADATA start type="Breadcrumbs" scrap="_BREADCRUMBS" --><div class="BreadcrumbsContainer"><table><tr><td> <a href="ColorPicker.html">ColorPicker</a> > <a href="ColorPickerFeatures.html">ColorPicker Features</a> > Drop-Down Direction</td></tr></table></div><!--DXMETADATA end --> <div id="BodyContent"> <!--DXMETADATA start type="TopicSection" name="BodyText"--><p style='MARGIN: 17pt 0in 0in; mso-style-name: "Heading 3 Reference"'>By default, when the user clicks the <a href="C1.WPF.Extended.4~C1.WPF.Extended.C1ColorPicker.html">C1ColorPicker</a> control's drop-down arrow at run-time the color picker 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 <span class="LinkProperty"><a href="C1.WPF.Extended.4~C1.WPF.Extended.C1ColorPicker~DropDownDirection.html">C1ColorPicker.DropDownDirection</a></span> property.</p> <p class="MsoBodyText">You can set the <span class="LinkProperty"><a href="C1.WPF.Extended.4~C1.WPF.Extended.C1ColorPicker~DropDownDirection.html">C1ColorPicker.DropDownDirection</a></span> property to one of the following options:</p> <p class="MsoBodyText"> </p> <table class="MsoNormalTable" style="BORDER-COLLAPSE: collapse; MARGIN-LEFT: 0.1in" cellspacing="0" cellpadding="0" border="1"> <tbody> <tr> <td> <p class="C1TableHeaderRow"><strong>Event</strong></p> </td> <td> <p class="C1TableHeaderRow"><strong>Description</strong></p> </td> </tr> <tr> <td> <p class="MsoBodyText"><span style='FONT-SIZE: 8pt; FONT-FAMILY: "Verdana","sans-serif"'>BelowOrAbove (default)</span></p> </td> <td> <p class="MsoBodyText"><span style='FONT-SIZE: 8pt; FONT-FAMILY: "Verdana","sans-serif"'>Tries to open the drop-down <b>C1ComboBox</b> below the header. If it is not possible tries to open above it.</span></p> </td> </tr> <tr> <td> <p class="MsoBodyText"><span style='FONT-SIZE: 8pt; FONT-FAMILY: "Verdana","sans-serif"'>AboveOrBelow</span></p> </td> <td> <p class="MsoBodyText"><span style='FONT-SIZE: 8pt; FONT-FAMILY: "Verdana","sans-serif"'>Tries to open the drop-down <b>C1ComboBox</b> above the header. If it is not possible tries to open below it.</span></p> </td> </tr> <tr> <td> <p class="MsoBodyText"><span style='FONT-SIZE: 8pt; FONT-FAMILY: "Verdana","sans-serif"'>ForceBelow</span></p> </td> <td> <p class="MsoBodyText"><span style='FONT-SIZE: 8pt; FONT-FAMILY: "Verdana","sans-serif"'>Forces the drop-down <b>C1ComboBox</b> to open below the header.</span></p> </td> </tr> <tr> <td> <p class="MsoBodyText"><span style='FONT-SIZE: 8pt; FONT-FAMILY: "Verdana","sans-serif"'>ForceAbove</span></p> </td> <td> <p class="MsoBodyText"><span style='FONT-SIZE: 8pt; FONT-FAMILY: "Verdana","sans-serif"'>Forces the <b>C1ComboBox</b> content to open above the header.</span></p> </td> </tr> </tbody> </table> <p class="MsoBodyText"> </p> <p class="MsoBodyText">For more information and an example, see <span class="C1HJump">Changing the Drop-Down Window Direction</span>.</p><!--DXMETADATA end--> <a name="seealsobookmark"></a> <!--DXMETADATA start type="FilteredItemList" scrap="CATEGORISED_LINKS" namespace="linkcategory" source="Item" filter="" NoHeader="True" NoFooter="True" format="%%replaceinquotes:value=false%%%%scrap:name=_COLLAPSIBLE_HEADER,idprefix=seealso,caption=""%%phrase:name=SeeAlso%%%%designlist:tagidentifier=seealso,itemtype=See Also%%""%%%%filtereditemlist%%</div>"--><!--DXMETADATA end--> </div> <div id="FooterContent"> <!--DXMETADATA start type="Scrap" condition="communityenabled" name="_COMMUNITY_FOOTER" --><!--DXMETADATA end --> <!--DXMETADATA start type="Variable" name="CopyrightNotice" format="<p> </p><p> </p><hr style=""height: 1px"" /><p>%%variable%%</p>" --><p> </p><p> </p><hr style="height: 1px"><p>Copyright (c) <script type="text/javascript"> var theDate=new Date() document.write(theDate.getFullYear()) </script> GrapeCity, inc. All rights reserved. <script> $(document).ready(function() { if (!(window.self !== window.top)) { // Not running in a frameset // Get the page name var pageName = location.href.substring(location.href.lastIndexOf("/") + 1); if (pageName.indexOf("#") != -1) { pageName = pageName.substring(0, pageName.indexOf("#")); } // Append to webframe.html var framePage = "webframe.html#" + pageName; location.href = framePage; } }); </script></p><!--DXMETADATA end --> <!--DXMETADATA start type="Variable" name="FeedbackLink" format="" --><a target="_blank" href="http://our.componentone.com/groups/">Product Support Forum</a> | <a target="_blank" href="http://feedback.componentone.com/forums/272000-wpf-and-silverlight-documentation">Documentation Feedback</a><!--DXMETADATA end--> </div> </body> </html>