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>