Setting Custom HTML Content
In This Topic
The WijDialog control can be used to display custom HTML content. Complete these steps:
- 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.
- 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> You can add custom HTML content.
<br /></p> Enter text here: <input type="text" id="input1" />
<br/> And then click: <input type="button" value="Show" onclick="alert(document.getElementById('input1').value)" />
</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>
- Run your application. Your dialog box should resemble the following image. You can enter text and click Show to show an alert dialog box.