QmlDesigner: Add comment to all .ui.qml files in wizards

Add comment to the beginning of .ui.qml files that explains that
.ui.qml files are declarative.

Task-number: QDS-5964
Change-Id: I040443b42a0e2907452d5b6d9d056746d3b75ff3
Reviewed-by: Leena Miettinen <riitta-leena.miettinen@qt.io>

20 files changed, 140 insertions, 0 deletions

diff --git a/share/qtcreator/qmldesigner/studio_templates/files/custombutton/file.qml.tpl b/share/qtcreator/qmldesigner/studio_templates/files/custombutton/file.qml.tpl
index e1a3030069..526fa68e60 100644
--- a/share/qtcreator/qmldesigner/studio_templates/files/custombutton/file.qml.tpl
+++ b/share/qtcreator/qmldesigner/studio_templates/files/custombutton/file.qml.tpl
@@ -1,3 +1,10 @@
+/*
+This is a UI file (.ui.qml) that is intended to be edited in Qt Design Studio only.
+It is supposed to be strictly declarative and only uses a subset of QML. If you edit
+this file manually, you might introduce QML code that is not supported by Qt Design Studio.
+Check out https://doc.qt.io/qtcreator/creator-quick-ui-forms.html for details on .ui.qml files.
+*/
+
 import QtQuick 2.15
 import QtQuick.Controls 2.12
 
diff --git a/share/qtcreator/qmldesigner/studio_templates/files/customcheckbox/file.qml.tpl b/share/qtcreator/qmldesigner/studio_templates/files/customcheckbox/file.qml.tpl
index 28dcc8c799..77c9cab778 100644
--- a/share/qtcreator/qmldesigner/studio_templates/files/customcheckbox/file.qml.tpl
+++ b/share/qtcreator/qmldesigner/studio_templates/files/customcheckbox/file.qml.tpl
@@ -1,3 +1,10 @@
+/*
+This is a UI file (.ui.qml) that is intended to be edited in Qt Design Studio only.
+It is supposed to be strictly declarative and only uses a subset of QML. If you edit
+this file manually, you might introduce QML code that is not supported by Qt Design Studio.
+Check out https://doc.qt.io/qtcreator/creator-quick-ui-forms.html for details on .ui.qml files.
+*/
+
 import QtQuick 2.12
 import QtQuick.Controls 2.12
 
diff --git a/share/qtcreator/qmldesigner/studio_templates/files/customdial/file.qml.tpl b/share/qtcreator/qmldesigner/studio_templates/files/customdial/file.qml.tpl
index c4b60bd114..9c69beeea2 100644
--- a/share/qtcreator/qmldesigner/studio_templates/files/customdial/file.qml.tpl
+++ b/share/qtcreator/qmldesigner/studio_templates/files/customdial/file.qml.tpl
@@ -1,3 +1,10 @@
+/*
+This is a UI file (.ui.qml) that is intended to be edited in Qt Design Studio only.
+It is supposed to be strictly declarative and only uses a subset of QML. If you edit
+this file manually, you might introduce QML code that is not supported by Qt Design Studio.
+Check out https://doc.qt.io/qtcreator/creator-quick-ui-forms.html for details on .ui.qml files.
+*/
+
 import QtQuick 2.12
 import QtQuick.Controls 2.12
 
diff --git a/share/qtcreator/qmldesigner/studio_templates/files/customslider/file.qml.tpl b/share/qtcreator/qmldesigner/studio_templates/files/customslider/file.qml.tpl
index f166ec5fd3..ee19578734 100644
--- a/share/qtcreator/qmldesigner/studio_templates/files/customslider/file.qml.tpl
+++ b/share/qtcreator/qmldesigner/studio_templates/files/customslider/file.qml.tpl
@@ -1,3 +1,10 @@
+/*
+This is a UI file (.ui.qml) that is intended to be edited in Qt Design Studio only.
+It is supposed to be strictly declarative and only uses a subset of QML. If you edit
+this file manually, you might introduce QML code that is not supported by Qt Design Studio.
+Check out https://doc.qt.io/qtcreator/creator-quick-ui-forms.html for details on .ui.qml files.
+*/
+
 import QtQuick 2.12
 import QtQuick.Controls 2.12
 
diff --git a/share/qtcreator/qmldesigner/studio_templates/files/customspinbox/file.qml.tpl b/share/qtcreator/qmldesigner/studio_templates/files/customspinbox/file.qml.tpl
index 1067762387..f3bf121801 100644
--- a/share/qtcreator/qmldesigner/studio_templates/files/customspinbox/file.qml.tpl
+++ b/share/qtcreator/qmldesigner/studio_templates/files/customspinbox/file.qml.tpl
@@ -1,3 +1,10 @@
+/*
+This is a UI file (.ui.qml) that is intended to be edited in Qt Design Studio only.
+It is supposed to be strictly declarative and only uses a subset of QML. If you edit
+this file manually, you might introduce QML code that is not supported by Qt Design Studio.
+Check out https://doc.qt.io/qtcreator/creator-quick-ui-forms.html for details on .ui.qml files.
+*/
+
 import QtQuick 2.12
 import QtQuick.Controls 2.12
 
diff --git a/share/qtcreator/qmldesigner/studio_templates/files/customswitch/file.qml.tpl b/share/qtcreator/qmldesigner/studio_templates/files/customswitch/file.qml.tpl
index 98d0e3b9f8..28a5d1191f 100644
--- a/share/qtcreator/qmldesigner/studio_templates/files/customswitch/file.qml.tpl
+++ b/share/qtcreator/qmldesigner/studio_templates/files/customswitch/file.qml.tpl
@@ -1,3 +1,10 @@
+/*
+This is a UI file (.ui.qml) that is intended to be edited in Qt Design Studio only.
+It is supposed to be strictly declarative and only uses a subset of QML. If you edit
+this file manually, you might introduce QML code that is not supported by Qt Design Studio.
+Check out https://doc.qt.io/qtcreator/creator-quick-ui-forms.html for details on .ui.qml files.
+*/
+
 import QtQuick 2.15
 import QtQuick.Controls 2.12
 
diff --git a/share/qtcreator/qmldesigner/studio_templates/files/flowitem/file.qml.tpl b/share/qtcreator/qmldesigner/studio_templates/files/flowitem/file.qml.tpl
index aa4ff234c9..f56eddde9d 100644
--- a/share/qtcreator/qmldesigner/studio_templates/files/flowitem/file.qml.tpl
+++ b/share/qtcreator/qmldesigner/studio_templates/files/flowitem/file.qml.tpl
@@ -1,3 +1,10 @@
+/*
+This is a UI file (.ui.qml) that is intended to be edited in Qt Design Studio only.
+It is supposed to be strictly declarative and only uses a subset of QML. If you edit
+this file manually, you might introduce QML code that is not supported by Qt Design Studio.
+Check out https://doc.qt.io/qtcreator/creator-quick-ui-forms.html for details on .ui.qml files.
+*/
+
 import QtQuick 2.15
 @if %{UseQtQuickControls2}
 import QtQuick.Controls 2.15
diff --git a/share/qtcreator/qmldesigner/studio_templates/files/flowview/file.qml.tpl b/share/qtcreator/qmldesigner/studio_templates/files/flowview/file.qml.tpl
index 4ff09e0de3..07de025d54 100644
--- a/share/qtcreator/qmldesigner/studio_templates/files/flowview/file.qml.tpl
+++ b/share/qtcreator/qmldesigner/studio_templates/files/flowview/file.qml.tpl
@@ -1,3 +1,10 @@
+/*
+This is a UI file (.ui.qml) that is intended to be edited in Qt Design Studio only.
+It is supposed to be strictly declarative and only uses a subset of QML. If you edit
+this file manually, you might introduce QML code that is not supported by Qt Design Studio.
+Check out https://doc.qt.io/qtcreator/creator-quick-ui-forms.html for details on .ui.qml files.
+*/
+
 import QtQuick 2.15
 @if %{UseImport}
 import %{ApplicationImport}
diff --git a/share/qtcreator/qmldesigner/studio_templates/files/qtquickviews/GridView.ui.qml.tpl b/share/qtcreator/qmldesigner/studio_templates/files/qtquickviews/GridView.ui.qml.tpl
index 0f484b8ddb..513543f059 100644
--- a/share/qtcreator/qmldesigner/studio_templates/files/qtquickviews/GridView.ui.qml.tpl
+++ b/share/qtcreator/qmldesigner/studio_templates/files/qtquickviews/GridView.ui.qml.tpl
@@ -1,3 +1,10 @@
+/*
+This is a UI file (.ui.qml) that is intended to be edited in Qt Design Studio only.
+It is supposed to be strictly declarative and only uses a subset of QML. If you edit
+this file manually, you might introduce QML code that is not supported by Qt Design Studio.
+Check out https://doc.qt.io/qtcreator/creator-quick-ui-forms.html for details on .ui.qml files.
+*/
+
 import QtQuick 2.15
 
 GridView {
diff --git a/share/qtcreator/qmldesigner/studio_templates/files/qtquickviews/ListDelegate.ui.qml.tpl b/share/qtcreator/qmldesigner/studio_templates/files/qtquickviews/ListDelegate.ui.qml.tpl
index 42ef999948..4a8ea4bc4a 100644
--- a/share/qtcreator/qmldesigner/studio_templates/files/qtquickviews/ListDelegate.ui.qml.tpl
+++ b/share/qtcreator/qmldesigner/studio_templates/files/qtquickviews/ListDelegate.ui.qml.tpl
@@ -1,3 +1,10 @@
+/*
+This is a UI file (.ui.qml) that is intended to be edited in Qt Design Studio only.
+It is supposed to be strictly declarative and only uses a subset of QML. If you edit
+this file manually, you might introduce QML code that is not supported by Qt Design Studio.
+Check out https://doc.qt.io/qtcreator/creator-quick-ui-forms.html for details on .ui.qml files.
+*/
+
 import QtQuick 2.15
 
 Item {
diff --git a/share/qtcreator/qmldesigner/studio_templates/files/qtquickviews/ListView.ui.qml.tpl b/share/qtcreator/qmldesigner/studio_templates/files/qtquickviews/ListView.ui.qml.tpl
index 61358e3887..6ce5dccccc 100644
--- a/share/qtcreator/qmldesigner/studio_templates/files/qtquickviews/ListView.ui.qml.tpl
+++ b/share/qtcreator/qmldesigner/studio_templates/files/qtquickviews/ListView.ui.qml.tpl
@@ -1,3 +1,10 @@
+/*
+This is a UI file (.ui.qml) that is intended to be edited in Qt Design Studio only.
+It is supposed to be strictly declarative and only uses a subset of QML. If you edit
+this file manually, you might introduce QML code that is not supported by Qt Design Studio.
+Check out https://doc.qt.io/qtcreator/creator-quick-ui-forms.html for details on .ui.qml files.
+*/
+
 import QtQuick 2.15
 
 ListView {
diff --git a/share/qtcreator/qmldesigner/studio_templates/projects/application-3d/Screen01.ui.qml.tpl b/share/qtcreator/qmldesigner/studio_templates/projects/application-3d/Screen01.ui.qml.tpl
index 730906111b..1da5c8844b 100644
--- a/share/qtcreator/qmldesigner/studio_templates/projects/application-3d/Screen01.ui.qml.tpl
+++ b/share/qtcreator/qmldesigner/studio_templates/projects/application-3d/Screen01.ui.qml.tpl
@@ -1,3 +1,10 @@
+/*
+This is a UI file (.ui.qml) that is intended to be edited in Qt Design Studio only.
+It is supposed to be strictly declarative and only uses a subset of QML. If you edit
+this file manually, you might introduce QML code that is not supported by Qt Design Studio.
+Check out https://doc.qt.io/qtcreator/creator-quick-ui-forms.html for details on .ui.qml files.
+*/
+
 import QtQuick %{QtQuickVersion}
 import QtQuick.Controls %{QtQuickVersion}
 import QtQuick3D %{QtQuick3DVersion}
diff --git a/share/qtcreator/qmldesigner/studio_templates/projects/application-mcu/Screen01.ui.qml.tpl b/share/qtcreator/qmldesigner/studio_templates/projects/application-mcu/Screen01.ui.qml.tpl
index 0d8148e73e..600031122e 100644
--- a/share/qtcreator/qmldesigner/studio_templates/projects/application-mcu/Screen01.ui.qml.tpl
+++ b/share/qtcreator/qmldesigner/studio_templates/projects/application-mcu/Screen01.ui.qml.tpl
@@ -1,3 +1,10 @@
+/*
+This is a UI file (.ui.qml) that is intended to be edited in Qt Design Studio only.
+It is supposed to be strictly declarative and only uses a subset of QML. If you edit
+this file manually, you might introduce QML code that is not supported by Qt Design Studio.
+Check out https://doc.qt.io/qtcreator/creator-quick-ui-forms.html for details on .ui.qml files.
+*/
+
 import QtQuick 2.15
 import Constants 1.0
 
diff --git a/share/qtcreator/qmldesigner/studio_templates/projects/application/Screen01.ui.qml.tpl b/share/qtcreator/qmldesigner/studio_templates/projects/application/Screen01.ui.qml.tpl
index 04bef01ff1..1527710b08 100644
--- a/share/qtcreator/qmldesigner/studio_templates/projects/application/Screen01.ui.qml.tpl
+++ b/share/qtcreator/qmldesigner/studio_templates/projects/application/Screen01.ui.qml.tpl
@@ -1,3 +1,10 @@
+/*
+This is a UI file (.ui.qml) that is intended to be edited in Qt Design Studio only.
+It is supposed to be strictly declarative and only uses a subset of QML. If you edit
+this file manually, you might introduce QML code that is not supported by Qt Design Studio.
+Check out https://doc.qt.io/qtcreator/creator-quick-ui-forms.html for details on .ui.qml files.
+*/
+
 import QtQuick %{QtQuickVersion}
 import QtQuick.Controls %{QtQuickVersion}
 import %{ImportModuleName} %{ImportModuleVersion}
diff --git a/share/qtcreator/qmldesigner/studio_templates/projects/desktop-launcher/Screen01.ui.qml.tpl b/share/qtcreator/qmldesigner/studio_templates/projects/desktop-launcher/Screen01.ui.qml.tpl
index 04bef01ff1..1527710b08 100644
--- a/share/qtcreator/qmldesigner/studio_templates/projects/desktop-launcher/Screen01.ui.qml.tpl
+++ b/share/qtcreator/qmldesigner/studio_templates/projects/desktop-launcher/Screen01.ui.qml.tpl
@@ -1,3 +1,10 @@
+/*
+This is a UI file (.ui.qml) that is intended to be edited in Qt Design Studio only.
+It is supposed to be strictly declarative and only uses a subset of QML. If you edit
+this file manually, you might introduce QML code that is not supported by Qt Design Studio.
+Check out https://doc.qt.io/qtcreator/creator-quick-ui-forms.html for details on .ui.qml files.
+*/
+
 import QtQuick %{QtQuickVersion}
 import QtQuick.Controls %{QtQuickVersion}
 import %{ImportModuleName} %{ImportModuleVersion}
diff --git a/share/qtcreator/qmldesigner/studio_templates/projects/mobile-scroll/Screen01.ui.qml.tpl b/share/qtcreator/qmldesigner/studio_templates/projects/mobile-scroll/Screen01.ui.qml.tpl
index 189ca84cc9..97f9fdd87c 100644
--- a/share/qtcreator/qmldesigner/studio_templates/projects/mobile-scroll/Screen01.ui.qml.tpl
+++ b/share/qtcreator/qmldesigner/studio_templates/projects/mobile-scroll/Screen01.ui.qml.tpl
@@ -1,3 +1,10 @@
+/*
+This is a UI file (.ui.qml) that is intended to be edited in Qt Design Studio only.
+It is supposed to be strictly declarative and only uses a subset of QML. If you edit
+this file manually, you might introduce QML code that is not supported by Qt Design Studio.
+Check out https://doc.qt.io/qtcreator/creator-quick-ui-forms.html for details on .ui.qml files.
+*/
+
 import QtQuick %{QtQuickVersion}
 import QtQuick.Controls %{QtQuickVersion}
 import %{ImportModuleName} %{ImportModuleVersion}
diff --git a/share/qtcreator/qmldesigner/studio_templates/projects/mobile-stack/Screen01.ui.qml.tpl b/share/qtcreator/qmldesigner/studio_templates/projects/mobile-stack/Screen01.ui.qml.tpl
index baadb452b6..40c91d79f3 100644
--- a/share/qtcreator/qmldesigner/studio_templates/projects/mobile-stack/Screen01.ui.qml.tpl
+++ b/share/qtcreator/qmldesigner/studio_templates/projects/mobile-stack/Screen01.ui.qml.tpl
@@ -1,3 +1,10 @@
+/*
+This is a UI file (.ui.qml) that is intended to be edited in Qt Design Studio only.
+It is supposed to be strictly declarative and only uses a subset of QML. If you edit
+this file manually, you might introduce QML code that is not supported by Qt Design Studio.
+Check out https://doc.qt.io/qtcreator/creator-quick-ui-forms.html for details on .ui.qml files.
+*/
+
 import QtQuick %{QtQuickVersion}
 import QtQuick.Controls %{QtQuickVersion}
 import %{ImportModuleName} %{ImportModuleVersion}
diff --git a/share/qtcreator/qmldesigner/studio_templates/projects/mobile-stack/Screen02.ui.qml.tpl b/share/qtcreator/qmldesigner/studio_templates/projects/mobile-stack/Screen02.ui.qml.tpl
index ee2006559b..100fef9bb9 100644
--- a/share/qtcreator/qmldesigner/studio_templates/projects/mobile-stack/Screen02.ui.qml.tpl
+++ b/share/qtcreator/qmldesigner/studio_templates/projects/mobile-stack/Screen02.ui.qml.tpl
@@ -1,3 +1,10 @@
+/*
+This is a UI file (.ui.qml) that is intended to be edited in Qt Design Studio only.
+It is supposed to be strictly declarative and only uses a subset of QML. If you edit
+this file manually, you might introduce QML code that is not supported by Qt Design Studio.
+Check out https://doc.qt.io/qtcreator/creator-quick-ui-forms.html for details on .ui.qml files.
+*/
+
 import QtQuick %{QtQuickVersion}
 import %{ImportModuleName} %{ImportModuleVersion}
 
diff --git a/share/qtcreator/qmldesigner/studio_templates/projects/mobile-swipe/Screen01.ui.qml.tpl b/share/qtcreator/qmldesigner/studio_templates/projects/mobile-swipe/Screen01.ui.qml.tpl
index 757dad13e8..3816fb7a00 100644
--- a/share/qtcreator/qmldesigner/studio_templates/projects/mobile-swipe/Screen01.ui.qml.tpl
+++ b/share/qtcreator/qmldesigner/studio_templates/projects/mobile-swipe/Screen01.ui.qml.tpl
@@ -1,3 +1,10 @@
+/*
+This is a UI file (.ui.qml) that is intended to be edited in Qt Design Studio only.
+It is supposed to be strictly declarative and only uses a subset of QML. If you edit
+this file manually, you might introduce QML code that is not supported by Qt Design Studio.
+Check out https://doc.qt.io/qtcreator/creator-quick-ui-forms.html for details on .ui.qml files.
+*/
+
 import QtQuick %{QtQuickVersion}
 import QtQuick.Controls %{QtQuickVersion}
 import %{ImportModuleName} %{ImportModuleVersion}
diff --git a/share/qtcreator/qmldesigner/studio_templates/projects/mobile-swipe/Screen02.ui.qml.tpl b/share/qtcreator/qmldesigner/studio_templates/projects/mobile-swipe/Screen02.ui.qml.tpl
index 50aee8af12..9e741b1162 100644
--- a/share/qtcreator/qmldesigner/studio_templates/projects/mobile-swipe/Screen02.ui.qml.tpl
+++ b/share/qtcreator/qmldesigner/studio_templates/projects/mobile-swipe/Screen02.ui.qml.tpl
@@ -1,3 +1,10 @@
+/*
+This is a UI file (.ui.qml) that is intended to be edited in Qt Design Studio only.
+It is supposed to be strictly declarative and only uses a subset of QML. If you edit
+this file manually, you might introduce QML code that is not supported by Qt Design Studio.
+Check out https://doc.qt.io/qtcreator/creator-quick-ui-forms.html for details on .ui.qml files.
+*/
+
 import QtQuick %{QtQuickVersion}
 import QtQuick.Controls %{QtQuickVersion}
 import %{ImportModuleName} %{ImportModuleVersion}