index.html Example File | Qt WebEngine 5.9

Qt 5.9 | Qt WebEngine | WebEngine Qt Quick Custom Dialogs Example | index.html Example File

Qt 5.9.9 Reference Documentation

# index.html Example File

webengine/customdialogs/index.html

      <!DOCTYPE html>
      <html lang="en">
           <head>
               <meta charset="utf-8">
               <title>Custom UI</title>
               <link rel="stylesheet" type="text/css" href="style.css">
           </head>
           <body>
               <table align="center">
                   <tr>
                       <td><div class="div"><a href="#openMenu" class="link">Right click on text to see link context menu</a></div></td>
                   </tr>
                   <tr>
                       <td><button class="button" onclick="window.location = 'http://localhost.:5555/OPEN_AUTH'">
                       Open Authentication Dialog</button></td>
                   </tr>
                   <tr>
                       <td><button class="button" onclick="window.location = 'http://localhost.:5555/OPEN_PROXY'">
                       Open Proxy Dialog</button></td>
                   </tr>
                   <tr>
                       <td><button class="button" onclick="alert('This is the Alert Dialog !')">
                       Open Alert Dialog</button></td>
                   </tr>
                   <tr>
                       <td><button class="button" onclick="confirm('This is the Confirm Dialog.')">
                       Open Confirm Dialog</button></td>
                   </tr>
                   <tr>
                       <td><button class="button" onclick="prompt('Is this the Prompt Dialog ?', 'Yes')">
                       Open Prompt Dialog</button></td>
                   </tr>
                   <tr>
                       <td><button class="button" onclick="document.getElementById('colorpicker').click()">
                       Open Color Dialog</button></td>
                   </tr>
                   <tr>
                       <td><button class="button" onclick="document.getElementById('filepicker').click()">
                       Open File Dialog</button></td>
                   </tr>
                   <tr>
                      <td>
                          <form><table>
                              <tr><td><button class="button" type="submit">Open Message Bubble</button></td></tr>
                              <tr><td><input class="input" placeholder="For this field we open message bubble..." required/></td></tr>
                          </table></form>
                      </td>
                   </tr>
               </table>
               <input type="color" id="colorpicker" value="#ff0000" style="visibility:hidden"/>
               <input type="file" id="filepicker" accept=".cpp, .html, .h, .png, .qdoc, .qml" style="visibility:hidden"/>
           </body>
      </html>