ComponentOne Extender Controls for ASP.NET Web Forms
Wijmo Control Toolkit Extender Controls / C1DialogExtender / Setting Custom HTMLContent
In This Topic
    Setting Custom HTMLContent
    In This Topic

    The C1DialogExtender control can be used to display custom HTML content. Complete these steps:

    1. Create an ASP.NET Web application.
    2. Add a standard Panel control to the main content of  your page.
    3. Add the following markup to create a dialog window with custom HTML content:

    <div>

            <div id="dialog" title="Custom HTML">

           <h2> HTML Content</h2><p>&nbsp;You can add custom HTML content.

          <br /></p>&nbsp;Enter text here: <input type="text" id="input1" />

          <br/>&nbsp;And then click: <input type="button" value="Show" onclick="alert(document.getElementById('input1').value)" />

            </div>

        </div>

    1. Click the Panel smart tag and select Add Extender from the Tasks menu.
    2. In the Extender Wizard, select C1DialogExtender and click OK. A C1DialogExtender control is added to the page and the TargetControlID is set to Panel1.

    3. Run your application. Your dialog box should resemble the following image. You can enter text and click Show to show an alert dialog box.