ComponentOne Extender Controls for ASP.NET Web Forms
Wijmo Control Toolkit Extender Controls / C1DialogExtender / Using the Modal Dialog Window Options / Using the Alert Dialog Option
In This Topic
    Using the Alert Dialog Option
    In This Topic

    To create a Modal Alert dialog box, complete the following:

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

    <div>

            <div id="dialog-message" title="Download complete">

                <p>

                    <span class="ui-icon ui-icon-circle-check"></span>Your files have uploaded successfully!

                </p>

            </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. Select View | Properties Window in the Visual Studio menu.
    4. Click the drop-down list at the top of the Properties window and select Panel1_C1DialogExtender.
    5. Set the C1DialogExtender.Modal property to True.
    6. Set the C1DialogExtender.Title property to Download complete. Your markup should look similar to this:

    <cc1:C1DialogExtender ID="Panel1_C1DialogExtender" runat="server"

            CloseOnEscape="False" Show="blind" TargetControlID="Panel1" Modal="True" Title="Download complete">

    </cc1:C1DialogExtender>

    1. Run your application to see the Alert Window. It should resemble the following image: