</ 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 C1DialogExtender 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 class="BreadcrumbsContainer"><table><tr><td> <a href="WijmoControlToolkitExtenderControls.html">Wijmo Control Toolkit Extender Controls</a> > <a href="C1DialogExtender.html">C1DialogExtender</a> > <a href="C1DialogExtenderTutorial.html">C1DialogExtender Tutorial</a> > Step 2 of 4: Adding a C1DialogExtender to the Page</td></tr></table></div> <div id="BodyContent"> <p class="AutoBodyText">In this step, you will add a <span class="LinkClass"><a href="C1.Web.Wijmo.Extenders.4~C1.Web.Wijmo.Extenders.C1Dialog.C1DialogExtender.html">C1DialogExtender</a></span> control to associate with the <b style="mso-bidi-font-weight: normal">Panel</b> <span style="mso-spacerun: yes"> </span>to create the dialog box.</p> <ol> <li> <div class="AutoBodyText"> In Design view, select the <strong>Panel</strong>, click the smart tag, and select <strong>Add Extender</strong> from the <strong>Panel Tasks</strong> menu. </div> </li> <li> <div class="AutoBodyText"> In the Extender Wizard, select <strong>C1DialogExtender</strong> and click <strong>OK</strong>. The <strong>TargetControlID</strong> is automatically set to <strong>Panel1</strong>. </div> </li> </ol> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <p class="SampleIndent"><span class="NewStyle2"><wijmo:C1DialogExtender ID="Panel1_C1DialogExtender" runat="server"</span></p> <p class="SampleIndent"><span class="NewStyle2"><span style="mso-spacerun: yes"> </span> TargetControlID="Panel1"></span></p> <p class="SampleIndent"><span style="mso-spacerun: yes"> </span> </wijmo:C1DialogExtender></p> </blockquote> <p class="AutoBodyText">Now you can begin setting properties for the <span class="LinkClass">C1DialogExtender</span> to format the dialog box.</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>