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

    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: