Doc: Edit docs for the Connections view

- You have to double-click the values of columns to edit them
- For properties and bindings, the values are set for the currently
  selected item and the item column displays the item id (read-only)
- Add links to examples of using the view

Change-Id: I8c27dbbcbbf269f52102ca2af37f872c86e56155
Reviewed-by: Thomas Hartmann <thomas.hartmann@qt.io>

4 files changed, 39 insertions, 26 deletions

diff --git a/doc/src/qtquick/qtquick-connection-editor-bindings.qdoc b/doc/src/qtquick/qtquick-connection-editor-bindings.qdoc
index 2f5c1ec54b..daee35732c 100644
--- a/doc/src/qtquick/qtquick-connection-editor-bindings.qdoc
+++ b/doc/src/qtquick/qtquick-connection-editor-bindings.qdoc
@@ -1,6 +1,6 @@
 /****************************************************************************
 **
-** Copyright (C) 2018 The Qt Company Ltd.
+** Copyright (C) 2019 The Qt Company Ltd.
 ** Contact: https://www.qt.io/licensing/
 **
 ** This file is part of the Qt Creator documentation.
@@ -56,14 +56,14 @@
         \li In the \uicontrol {Connections} view, select the
             \uicontrol {Bindings} tab.
         \li Select the \inlineimage plus.png
-            (\uicontrol Add) button to add a binding.
-        \li Select \uicontrol Item to select the target object whose property
-            you want to change dynamically.
-        \li Select \uicontrol Property to select the property to bind to a
-            source property.
-        \li Select \uicontrol {Source Item} to select the object whose property
-            you want to use to determine the behavior of the target object.
-        \li Select \uicontrol {Source Property} to select the property to bind
-            the target property to.
+            (\uicontrol Add) button to add a binding for the currently selected
+            item. The ID is displayed in the \uicontrol Item column.
+          \li Double-click the value in the \uicontrol Property column to select
+            the property to bind to a source property.
+        \li Double-click the value in the \uicontrol {Source Item} column to
+            select the object whose property you want to use to determine the
+            behavior of the target object.
+        \li Double-click the value in the \uicontrol {Source Property} column
+            to select the property to bind the target property to.
     \endlist
 */
diff --git a/doc/src/qtquick/qtquick-connection-editor-properties.qdoc b/doc/src/qtquick/qtquick-connection-editor-properties.qdoc
index 2288128327..7b6168dc78 100644
--- a/doc/src/qtquick/qtquick-connection-editor-properties.qdoc
+++ b/doc/src/qtquick/qtquick-connection-editor-properties.qdoc
@@ -1,6 +1,6 @@
 /****************************************************************************
 **
-** Copyright (C) 2018 The Qt Company Ltd.
+** Copyright (C) 2019 The Qt Company Ltd.
 ** Contact: https://www.qt.io/licensing/
 **
 ** This file is part of the Qt Creator documentation.
@@ -46,13 +46,16 @@
     \list 1
         \li In the \uicontrol {Connections} view, select the
             \uicontrol {Properties} tab.
-        \li Select \uicontrol Item to select the object to specify the property
-            for.
-        \li Select \uicontrol Property to give a name to the property.
-        \li Select \uicontrol {Property Type} to specify the type of the
-            property.
-        \li Select \uicontrol {Property Value} to specify the value of the
-            property.
+        \li Select the \inlineimage plus.png
+            (\uicontrol Add) button to add a dynamic property for the currently
+            selected item. The item ID is displayed in the \uicontrol Item
+            column.
+        \li Double-click the value in the \uicontrol Property column to give a
+            name to the property.
+        \li Double-click the value in the \uicontrol {Property Type} column to
+            specify the type of the property.
+        \li Double-click the value in the \uicontrol {Property Value} column
+            to specify the value of the property.
     \endlist
 
 */
diff --git a/doc/src/qtquick/qtquick-connection-editor-signals.qdoc b/doc/src/qtquick/qtquick-connection-editor-signals.qdoc
index 010ab17847..a9e221ce73 100644
--- a/doc/src/qtquick/qtquick-connection-editor-signals.qdoc
+++ b/doc/src/qtquick/qtquick-connection-editor-signals.qdoc
@@ -1,6 +1,6 @@
 /****************************************************************************
 **
-** Copyright (C) 2016 The Qt Company Ltd.
+** Copyright (C) 2019 The Qt Company Ltd.
 ** Contact: https://www.qt.io/licensing/
 **
 ** This file is part of the Qt Creator documentation.
@@ -61,11 +61,18 @@
             \uicontrol {Connections} tab.
         \li Select the \inlineimage plus.png
             (\uicontrol Add) button to add a connection.
-        \li Select \uicontrol Target to add the object to connect to a signal.
-        \li Select \uicontrol {Signal Handler} to select the signal that the
-            connection will listen to from a list of all signals available for
-            the object.
-        \li Select \uicontrol Actions to specify the action to perform when
-            the signal is emitted. You use JavaScript to specify the actions.
+        \li Double-click the value in the \uicontrol Target column to add the
+            object to connect to a signal.
+        \li Double-click the value in the \uicontrol {Signal Handler} column to
+            select the signal that the connection will listen to from a list of
+            all signals available for the object.
+        \li Double-click the value in the \uicontrol Actions column to specify
+            the action to perform when the signal is emitted. You use JavaScript
+            to specify the actions.
     \endlist
+
+    \if defined(qtdesignstudio)
+    For an example of connecting the \c clicked signal of a button to a
+    \l{Adding States}{state}, see \l {Log In UI - Part 3}.
+    \endif
 */
diff --git a/doc/src/qtquick/qtquick-connection-editor.qdoc b/doc/src/qtquick/qtquick-connection-editor.qdoc
index 5795350565..ad781ab5d4 100644
--- a/doc/src/qtquick/qtquick-connection-editor.qdoc
+++ b/doc/src/qtquick/qtquick-connection-editor.qdoc
@@ -1,6 +1,6 @@
 /****************************************************************************
 **
-** Copyright (C) 2018 The Qt Company Ltd.
+** Copyright (C) 2019 The Qt Company Ltd.
 ** Contact: https://www.qt.io/licensing/
 **
 ** This file is part of the Qt Creator documentation.
@@ -70,4 +70,7 @@
         \li \l{Managing C++ Backend Objects}
         \endif
     \endlist
+
+    For an example of using properties, bindings, and connections to create a
+    scalable push button, see \l{Creating Scalable Buttons and Borders}.
 */