In This Topic
The WijDialog control allows you to easily create Modal Alert windows.
- Create an ASP.NET Web application with a ScriptManager control and install Juice UI and the Wijmo Juice libraries to your project via NuGet.
- Add a standard Panel control to the main content of your page.
- 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>
- 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>
- Select View | Properties Window in the Visual Studio menu.
- Click the drop-down list at the top of the Properties window and select Panel1_WijDialog.
- Set the Modal property to True.
- 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>
- Run your application to see the Alert Window. It should resemble the following image: