</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div id="BeforeHeaderContent"> </div> <div id="HeaderContent"> <div id="ProjectTitle">DockControl for WPF and Silverlight</div> <div id="PageTitle"><div id="PageTitleText">Docking Diamond and Zones</div></div> </div> <div id="AfterHeaderContent"> <!-- Spacing --> <span id="ToggleAllSectionsLink" class="FunctionLink"> <label id="CollapseAllLabel">Collapse All</label> <label id="ExpandAllLabel" style="display: none;">Expand All</label> </span> </div> <div class="BreadcrumbsContainer"><table><tr><td> <a href="Working_with_C1DockControl.html">Working with C1DockControl</a> > Docking Diamond and Zones</td></tr></table></div> <div id="BodyContent"> <p>The docking diamond is used to show where <a href="C1.WPF.Docking.4~C1.WPF.Docking.C1DockControl.html">C1DockControl</a> elements can be docked.</p> <p>The <strong>C1DockControl</strong> provides four docking indicators so you can dock at the top, right, bottom, or left side of the control.</p> <p>Drag the <a href="C1.WPF.Docking.4~C1.WPF.Docking.C1DockTabControl.html">C1DockTabControl</a> header, and blue docking zones will appear showing you where you can dock the window.</p> <p> </p> <p><img src="Graphics/C1DockControlIndicators.png" width="498" height="296"></p> <p> </p> <p>If you have multiple <b>C1DockTabControls</b>, drag one of the <strong>C1DockTabControl</strong> headers over one of the other <b>C1DockTabControls</b>. You will notice the docking diamond shows five docking indicators, including top, right, bottom, left, and a center docking indicator that allows you to merge the <b>C1DockTabItems</b> into one <strong>C1DockTabControl</strong>.</p> <p> </p> <p><img src="Graphics/C1DockTabControlIndicators2.png" width="465" height="187"></p> <p> </p> <p>Using the previous image's example, if the mouse is released over the center indicator, the <i>myfile.ext</i> <strong><a href="C1.WPF.Docking.4~C1.WPF.Docking.C1DockTabItem.html">C1DockTabItem</a></strong> will appear with the other <b>C1DockTabItems</b> in the first <strong>C1DockTabControl</strong>.</p> <p> </p> <p><img src="Graphics/C1DockTabControlIndicators3.png" width="349" height="185"></p> <p> </p> <a name="seealsobookmark"></a> </div> <div id="FooterContent"> <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> <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> </div> </body> </html>