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>

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.
+            (\uicontrol Add) button to add a binding for the currently selected
-        \li Select \uicontrol Item to select the target object whose property
+            item. The ID is displayed in the \uicontrol Item column.
-            you want to change dynamically.
+          \li Double-click the value in the \uicontrol Property column to select
-        \li Select \uicontrol Property to select the property to bind to a
+            the property to bind to a source property.
-            source property.
+        \li Double-click the value in the \uicontrol {Source Item} column to
-        \li Select \uicontrol {Source Item} to select the object whose property
+            select the object whose property you want to use to determine the
-            you want to use to determine the behavior of the target object.
+            behavior of the target object.
-        \li Select \uicontrol {Source Property} to select the property to bind
+        \li Double-click the value in the \uicontrol {Source Property} column
-            the target property to.
+            to select the property to bind the target property to.
     \endlist
 */

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
+        \li Select the \inlineimage plus.png
-            for.
+            (\uicontrol Add) button to add a dynamic property for the currently
-        \li Select \uicontrol Property to give a name to the property.
+            selected item. The item ID is displayed in the \uicontrol Item
-        \li Select \uicontrol {Property Type} to specify the type of the
+            column.
-            property.
+        \li Double-click the value in the \uicontrol Property column to give a
-        \li Select \uicontrol {Property Value} to specify the value of the
+            name to the property.
-            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
 
 */

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 Double-click the value in the \uicontrol Target column to add the
-        \li Select \uicontrol {Signal Handler} to select the signal that the
+            object to connect to a signal.
-            connection will listen to from a list of all signals available for
+        \li Double-click the value in the \uicontrol {Signal Handler} column to
-            the object.
+            select the signal that the connection will listen to from a list of
-        \li Select \uicontrol Actions to specify the action to perform when
+            all signals available for the object.
-            the signal is emitted. You use JavaScript to specify the actions.
+        \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
 */

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}.
 */