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>