</ 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" -->Collapsing Panes<!--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="Accordion.html">Accordion</a> > <a href="AccordionTask-BasedHelp.html">Accordion Task-Based Help</a> > <a href="ExpandingandCollapsingAccordionPanes.html">Expanding and Collapsing Accordion Panes</a> > Collapsing Panes</td></tr></table></div><!--DXMETADATA end --> <div id="BodyContent"> <!--DXMETADATA start type="TopicSection" name="BodyText"--><p>By default, the <a href="C1.WPF.Extended.4~C1.WPF.Extended.C1Accordion.html">C1Accordion</a> control's <a href="C1.WPF.Extended.4~C1.WPF.Extended.C1Accordion~AllowCollapseAll.html">AllowCollapseAll</a> property is set to True, meaning that all panes of an accordion can be collapsed by the user. This is useful in cases where you want to conserve screen real estate so that the user is free of unnecessary distractions. Think of it like the musical instrument accordion, which can be tightly compressed for storage and then decompressed when a player wants to use it.</p> <p class="MsoBodyText">But there are times when this won't fit into the design of your user interface. For example, you may want to use the accordion as a menu element. In that case, you'd want the <span class="LinkClass"><strong>C1Accordion</strong></span> control to fill to a specific height or width at all times, and the control won't fulfill that need if all of its panes can be collapsed. Therefore, you would set the <span class="LinkProperty"><strong>AllowCollapseAll</strong></span> property to <b>False</b> so that one pane has to remain open at all times. You would then set the height or width property as desired and then set the <a href="C1.WPF.Extended.4~C1.WPF.Extended.C1Accordion~Fill.html">C1Accordion.Fill</a> property to <b>True</b> so that the <span class="LinkClass"><strong>C1Accordion</strong></span> control and its panes always fill to your specified height or width.</p> <div style="WIDTH: 100%"> <table class="hs-box"> <tbody> <tr> <td class="hs-box-icon" valign="top"><img src="images/hs-note.gif"></td> <td class="hs-box-content" valign="top"><strong>Note:</strong> The <span class="LinkClass"><strong>C1Accordion</strong></span> control is only capable of expanding one pane at a time.</td> </tr> </tbody> </table> </div><!--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>