Doc: Update change from "+" to "Create New State" label

States view layout was also changed, so update screenshots.

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

doc/qtcreator/src/qtquick/creator-only/qtquick-app-tutorial.qdoc

@@ -214,8 +214,8 @@
     \c y properties of \e icon to those of the rectangles.
 
     \list 1
-        \li In the \uicontrol States view, click the \inlineimage plus.png
+        \li In the \uicontrol States view, select \uicontrol {Create New State}
-            button three times to create \e State1, \e State2, and \e State3.
+            three times to create \e State1, \e State2, and \e State3.
         \li Select \e State1 in \uicontrol States.
         \li Select \inlineimage icons/action-icon.png
             to open the \uicontrol Actions menu, and then select

doc/qtcreator/src/qtquick/qtquick-buttons.qdoc

@@ -229,7 +229,7 @@
     \section1 Using States to Change Component Property Values
 
     \list 1
-        \li In the \uicontrol States view, select \inlineimage plus.png
+        \li In the \uicontrol States view, select \uicontrol {Create New State}
             twice to create two new states.
             \image qmldesigner-borderimage-states.png "Active and inactive states"
         \li Select \uicontrol State1.

doc/qtcreator/src/qtquick/qtquick-states.qdoc

@@ -68,9 +68,9 @@
 
     \image qmldesigner-transitions.png "States view"
 
-    To add states, click the \inlineimage plus.png
+    To add states, select \uicontrol {Create New State}. Click the new state to
-    button. Click the new state to switch to it in \uicontrol {Form Editor},
+    switch to it in \uicontrol {Form Editor}, and then modify the properties of
-    and then modify the properties of components in \uicontrol Properties.
+    components in \uicontrol Properties.
 
     For example, to change the appearance of a button, you can hide the button
     image and show another image in its place. Or, to add movement to the view,

doc/qtdesignstudio/examples/doc/ebikedesign.qdoc

@@ -101,7 +101,7 @@
 
     We create the states for displaying the Trip, Standard, and Navigation
     screens by moving from viewport to viewport in \e Screen01.ui.qml and
-    clicking \inlineimage plus.png "Add button" in the \uicontrol States view
+    selecting \uicontrol {Create New State} in the \uicontrol States view
     when the appropriate screen is displayed in the viewport.
 
     We then create states for animations that are run when moving between the

doc/qtdesignstudio/examples/doc/loginui3.qdoc

@@ -114,8 +114,7 @@
     components in the \uicontrol {Form Editor}:
 
     \list 1
-        \li In the \uicontrol States view, select the \inlineimage plus.png
+        \li In the \uicontrol States view, select \uicontrol {Create New State}.
-            button.
             \image loginui3-login-state.png "States view"
         \li Enter \e loginState as the state name.
         \li Select \e verifyPasswordField in the \uicontrol Navigator,

doc/qtdesignstudio/examples/doc/loginui4.qdoc

@@ -257,10 +257,10 @@
     in \uicontrol Timeline:
 
     \list 1
-        \li In \uicontrol States, select the \inlineimage plus.png
+        \li In \uicontrol States, select \uicontrol {Create New State} twice to
-            button twice to add two states called \e loginState and
+            add two states called \e loginState and \e registerState. You don't
-            \e registerState. You don't need to make any property changes this
+            need to make any property changes this time, because you'll bind the
-            time, because you'll bind the states to property animations.
+            states to property animations.
         \li In \uicontrol Timeline, select the \inlineimage animation.png
             (\uicontrol {Timeline Settings (S)}) button on the toolbar (or press
             \key S to open the \uicontrol {Timeline Settings} dialog.

doc/qtdesignstudio/examples/doc/sidemenu.qdoc

@@ -142,8 +142,8 @@
     another animation is run that closes the side menu. When the animation
     finishes, the side menu returns to the \e closed state.
 
-    We select the \inlineimage plus.png
+    We select \uicontrol {Create New State} in the \uicontrol States view to add
-    (\uicontrol Add) button in the \uicontrol States view to add the states:
+    the states:
 
     \image sidemenu-states.png "Side menu states"