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>