</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div id="BeforeHeaderContent"> </div> <div id="HeaderContent"> <div id="ProjectTitle">ComponentOne Extender Controls for ASP.NET Wijmo Help</div> <div id="PageTitle"><div id="PageTitleText">Step 2 of 4: Adding a C1Accordion Extender to the Page</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 id="BodyContent"> <p class="AutoBodyText">In this step, you will add a <b style="mso-bidi-font-weight: normal">C1AccordionExtender</b> control to associate with the panel to create the accordion.</p> <ol> <li> <div class="AutoBodyText"> Click the Panel smart tag and select Add Extender from the Panel Tasks menu. </div> </li> <li> <div class="AutoBodyText"> <span style="mso-bidi-font-family: 'Times New Roman'"><span style="mso-list: Ignore"><span style="FONT: 7pt 'Times New Roman'"> </span></span></span>In the Extender Wizard, select C1AccordionExtender and click OK. A C1AccordionExtender control is added to the page and the TargetControlID is set to Panel1. </div> </li> </ol> <p class="Sample" style="MARGIN-LEFT: 0.5in"><wijmo:C1AccordionExtender ID="Panel1_C1AccordionExtender" runat="server" TargetControlID="Panel1"></p> <p class="Sample" style="MARGIN-LEFT: 0.5in"><span style="mso-spacerun: yes"> </span> </wijmo:C1AccordionExtender></p> <p class="AutoBodyText">In the next step you will set some of the extender properties.</p> <a name="seealsobookmark"></a> </div> <div id="FooterContent"> <p> </p><p> </p><hr style="height: 1px"><p>Copyright @ GrapeCity, inc. All rights reserved.</p> <a target="_blank" href="http://feedback.componentone.com/forums/255768-asp-net-documentation">Documentation Feedback</a> | <a href="http://our.componentone.com/groups/" target="_blank">Product Support Forum</a> </div> </body> </html>