</ 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 3 of 4: Customizing Expanding Text</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="WijmoControlToolkitExtenderControls.html">Wijmo Control Toolkit Extender Controls</a> > <a href="C1ExpanderExtender.html">C1Expander Extender</a> > <a href="C1ExpanderExtenderTutorial.html">C1Expander Extender Tutorial</a> > Step 3 of 4: Customizing Expanding Text</td></tr></table></div> <div id="BodyContent"> <p class="MsoBodyText">In this topic you will set some of the properties for the <span class="LinkClass">C1ExpanderExtender</span>.</p> <ol> <li> <div class="C1HNumber" style="mso-list: l0 level1 lfo2"> Select <strong>View | Properties Window</strong> in the Visual Studio menu. </div> </li> <li> <div class="C1HNumber" style="mso-list: l0 level1 lfo1"> Click the drop-down list at the top of the Properties window and select <strong>Panel1_C1ExpanderExtender</strong>. </div> </li> <li> <div class="C1HNumber" style="mso-list: l0 level1 lfo1"> Set the <span class="LinkProperty"><a href="C1.Web.Wijmo.Extenders.4~C1.Web.Wijmo.Extenders.C1Expander.C1ExpanderExtender~Expanded.html">C1ExpanderExtender.Expanded</a></span> property to False. The text will be collapsed when the web page is initially viewed. </div> </li> <li> <div class="C1HNumber" style="mso-list: l0 level1 lfo1"> Click the node to expand the <strong>Animated</strong> property. Set the <strong>Disable</strong> property to <strong>False</strong> and set the <strong>Effect</strong> property to bounce. </div> </li> </ol> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <p class="C1HContinue">The markup for the <span class="LinkClass">C1ExpanderExtender</span> will now look like this:</p> <p class="SampleIndent"><span class="NewStyle2"><wijmo:C1ExpanderExtender ID="Panel1_C1ExpanderExtender" runat="server" TargetControlID="Panel1" Theme="rocket" Animated-Effect="bounce" Expanded="False"></span></p> <p class="SampleIndent"><span class="NewStyle2"></wijmo:C1ExpanderExtender></span></p> </blockquote> <ol style="COUNTER-RESET: item 4" start="5"> <li> <div> Now run the project to see the formatted expanding text. </div> </li> </ol> <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>