diff options
author | Michal Klocek <michal.klocek@qt.io> | 2016-06-13 13:14:32 +0200 |
---|---|---|
committer | Michal Klocek <michal.klocek@qt.io> | 2016-11-01 11:00:04 +0000 |
commit | e08cb960ada1ad4f800785754ac8ed313c4f5264 (patch) | |
tree | f84e3c4d63cf8484fc78fac5f8a9b4c4b768e8c3 /examples/webengine/customdialogs/index.html | |
parent | 2fe08ddf9388598003cb3a30f30a2d18ab044969 (diff) |
Add qtquick customdialog example
The example shows how to create and use custom dialogs
instead of webengine's default dialogs.
Task-number: QTBUG-56063
Change-Id: I440305b2d4357d2b47c6b5a1a821b25c71221aa2
Reviewed-by: Peter Varga <pvarga@inf.u-szeged.hu>
Diffstat (limited to 'examples/webengine/customdialogs/index.html')
-rw-r--r-- | examples/webengine/customdialogs/index.html | 53 |
1 files changed, 53 insertions, 0 deletions
diff --git a/examples/webengine/customdialogs/index.html b/examples/webengine/customdialogs/index.html new file mode 100644 index 000000000..43a2dbb67 --- /dev/null +++ b/examples/webengine/customdialogs/index.html @@ -0,0 +1,53 @@ +<!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> |