ComponentOne Wijmo Open for Juice UI
Wijmo Open for Juice UI Extender Controls / WijDialog / WijDialog Task-Based Help / Setting Custom HTML Content
In This Topic
    Setting Custom HTML Content
    In This Topic

    The WijDialog control can be used to display custom HTML content. Complete these steps:

    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. 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>&nbsp;You can add custom HTML content.
      
              <br /></p>&nbsp;Enter text here: <input type="text" id="input1" />
      
              <br/>&nbsp;And then click: <input type="button" value="Show" onclick="alert(document.getElementById('input1').value)" />
      
            </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. Run your application. Your dialog box should resemble the following image. You can enter text and click Show to show an alert dialog box.