1 files changed, 7 insertions, 10 deletions
diff --git a/examples/webengine/customdialogs/forms/JavaScriptForm.ui.qml b/examples/webengine/customdialogs/forms/JavaScriptForm.ui.qml
index 1c7fd29ed..14d9dc304 100644
--- a/examples/webengine/customdialogs/forms/JavaScriptForm.ui.qml
+++ b/examples/webengine/customdialogs/forms/JavaScriptForm.ui.qml
@@ -48,9 +48,9 @@
 **
 ****************************************************************************/
 
-import QtQuick 2.4
-import QtQuick.Layouts 1.3
-import QtQuick.Controls 1.0 as Controls
+import QtQuick
+import QtQuick.Layouts
+import QtQuick.Controls
 
 Item {
     id: item
@@ -80,10 +80,7 @@ Item {
         Rectangle {
             id: rectangle
             height: 30
-            anchors.rightMargin: 0
-            anchors.leftMargin: 0
-            anchors.right: parent.right
-            anchors.left: parent.left
+            Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
             gradient: Gradient {
                 GradientStop {
                     position: 0
@@ -118,7 +115,7 @@ Item {
             font.pointSize: 12
         }
 
-        Controls.TextField {
+        TextField {
             id: prompt
             width: 300
             height: 22
@@ -139,7 +136,7 @@ Item {
                 Layout.fillWidth: true
             }
 
-            Button {
+            CustomButton {
                 id: cancelButton
                 width: 90
                 height: 30
@@ -147,7 +144,7 @@ Item {
                 btnBlue: false
             }
 
-            Button {
+            CustomButton {
                 id: okButton
                 width: 90
                 height: 30