Wijmo Open for Juice UI Extender Controls / WijDialog / WijDialog Task-Based Help / Using the Modal Dialog Window Option / Creating an Alert Dialog
Creating an Alert Dialog

The WijDialog control allows you to easily create Modal Alert windows.

  1. Create an ASP.NET Web application with a ScriptManager control and install Juice UI and the Wijmo Juice libraries to your project via NuGet.
  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>
  4. Use the following markup to add a WijDialog control to the page and set the TargetControlID to Panel1.
            
    <cc1:WijDialog ID="Panel1_WijDialog" runat="server"
    TargetControlID="Panel1">
    </cc1:WijDialog>
  5. Select View | Properties Window in the Visual Studio menu.
  6. Click the drop-down list at the top of the Properties window and select Panel1_WijDialog.
  7. Set the Modal property to True.
  8. Set the Title property to Download complete. Your markup should look similar to this:
            
    <cc1:WijDialog ID="Panel1_WijDialog" runat="server"
    CloseOnEscape="False" Show="blind" TargetControlID="Panel1" Modal="True" Title="Download complete">
    </cc1:WijDialog>
  9. Run your application to see the Alert Window. It should resemble the following image: