</ 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" -->Expansion Fill<!--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> > Expansion Fill</td></tr></table></div><!--DXMETADATA end --> <div id="BodyContent"> <!--DXMETADATA start type="TopicSection" name="BodyText"--><p style='MARGIN: 0.15in 0in 0.7pt; mso-style-name: "Heading 4 Reference"'> </p> <p class="MsoBodyText">The default behavior of an accordion pane (<a href="C1.WPF.Extended.4~C1.WPF.Extended.C1AccordionItem.html">C1AccordionItem</a>) is to fill only to the height (for accordions that expand up or down) or width (for accordions that expand right or left) of an accordion pane's contents. This will cause the accordion to grow to different heights or widths depending on the height or width of the content for a given pane. This is illustrated in the example below.</p> <p class="MsoBodyText"> <img border="0" alt="" src="SilverlightDocuments/Documents/Graphics/C1Accordion/Narrative/FillExpansion_HeightComparison.png"></p> <p class="MsoBodyText"><span class="msoIns"><ins datetime="2014-11-25T16:22" cite="mailto:KLJv212"></ins></span><span class="msoDel"><del datetime="2014-11-25T16:22" cite="mailto:KLJv212"></del></span></p> <p class="MsoBodyText"> </p> <p class="MsoBodyText">To avoid this, set the height or width of the <a href="C1.WPF.Extended.4~C1.WPF.Extended.C1Accordion.html">C1Accordion</a> control and then set its <span class="LinkProperty"><a href="C1.WPF.Extended.4~C1.WPF.Extended.C1Accordion~Fill.html">C1Accordion.Fill</a></span> property to <b>True</b>. This will cause each panel to expand to fill the width or height that you specified, thus providing a uniformed width or height for accordion pane. You can observe the difference in the example below.</p> <p class="MsoBodyText"> </p> <p class="MsoBodyText"><span class="msoIns"><ins datetime="2014-11-25T16:22" cite="mailto:KLJv212"></ins></span><span class="msoDel"><del datetime="2014-11-25T16:22" cite="mailto:KLJv212"><img border="0" alt="" src="SilverlightDocuments/Documents/Graphics/C1Accordion/Narrative/FillExpansion_HeightComparisonifFillTrue.png"></del></span></p> <p class="MsoNormal"> </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>