diff --git a/doc/images/icons/action-icon-binding.png b/doc/images/icons/action-icon-binding.png new file mode 100644 index 00000000000..34b2c6adda2 Binary files /dev/null and b/doc/images/icons/action-icon-binding.png differ diff --git a/doc/images/icons/action-icon.png b/doc/images/icons/action-icon.png new file mode 100644 index 00000000000..94e95ce8efc Binary files /dev/null and b/doc/images/icons/action-icon.png differ diff --git a/doc/images/qmldesigner-binding-editor.png b/doc/images/qmldesigner-binding-editor.png index 0fd07427b63..fc6650bc5bc 100644 Binary files a/doc/images/qmldesigner-binding-editor.png and b/doc/images/qmldesigner-binding-editor.png differ diff --git a/doc/images/qmldesigner-set-expression.png b/doc/images/qmldesigner-set-expression.png index da93bd2cc63..a5386d6937d 100644 Binary files a/doc/images/qmldesigner-set-expression.png and b/doc/images/qmldesigner-set-expression.png differ diff --git a/doc/src/qtquick/qtquick-components.qdoc b/doc/src/qtquick/qtquick-components.qdoc index 9a82fbd44d7..d8327fd2f85 100644 --- a/doc/src/qtquick/qtquick-components.qdoc +++ b/doc/src/qtquick/qtquick-components.qdoc @@ -170,20 +170,27 @@ Property bindings are created implicitly in QML whenever a property is assigned a JavaScript expression. To set JavaScript expressions as values - of properties in the Design mode, select the \uicontrol Settings menu next to - a property, and then select \uicontrol {Set Binding}. + of properties in the Design mode, select the + \inlineimage icons/action-icon.png + (\uicontrol Actions) menu next to a property, and then select + \uicontrol {Set Binding}. \image qmldesigner-set-expression.png "Type properties context menu" - The \uicontrol {Binding Editor} supports code completion. Start typing a + In the \uicontrol {Binding Editor}, select an item and a property from + lists of available items and their properties. + + \image qmldesigner-binding-editor.png "Binding Editor" + + Alternatively, start typing a string and press \key Ctrl+Space to display a list of properties, IDs, and code snippets. When you enter a period (.) after a property name, a list of available values is displayed. Press \key Enter to accept the first suggestion in the list and to complete the code. - \image qmldesigner-binding-editor.png "Binding Editor" - - To remove bindings, select \uicontrol Reset in the context menu. + When a binding is set, the \uicontrol Actions menu icon changes to + \inlineimage icons/action-icon-binding + . To remove bindings, select \uicontrol Reset in the \uicontrol Actions menu. You can set bindings also in the \uicontrol Connections view. For more information, see \l {Adding Bindings Between Properties}. diff --git a/doc/src/qtquick/qtquick-properties.qdoc b/doc/src/qtquick/qtquick-properties.qdoc index add17138c4f..e7ce811e491 100644 --- a/doc/src/qtquick/qtquick-properties.qdoc +++ b/doc/src/qtquick/qtquick-properties.qdoc @@ -46,9 +46,9 @@ \uicontrol Properties pane, and enter the name of another QML type in the field. If you have specified properties for the item that are not supported for the new type, the type cannot be changed and an error message is - displayed. Select the \uicontrol Settings menu next to the property name, and - then select \uicontrol Reset to remove the property values before trying - again. + displayed. Select the \inlineimage icons/action-icon.png + (\uicontrol Actions) menu next to the property name, and then select + \uicontrol Reset to remove the property values before trying again. To modify the common properties of multiple items simultaneously, select them in the \uicontrol Navigator or on the canvas: