Commit 97d517b1 authored by Riitta-Leena Miettinen's avatar Riitta-Leena Miettinen
Browse files

Doc: Edit info about managing states in Qt Quick Designer

- Describe expanding the State pane.
- The empty slot has been replaced with a + button.
- Do not call the circle menu a "context menu", because there
  is a separate context menu.

Change-Id: I4bc689fd6490bc171891135b2c9f5bd67f9931ba
Reviewed-by: Thomas Hartmann's avatarThomas Hartmann <>
parent b1a7731c
......@@ -440,18 +440,21 @@
The \uicontrol State pane displays the different \l{State}{states}
of the component in the Qt Quick Designer.
of the component in the Qt Quick Designer. The \uicontrol State pane is
collapsed by default to save space. Select \uicontrol Expand in the context
menu to view the whole pane.
\image qmldesigner-transitions.png "State pane"
To add states, click the empty slot. Then modify the new state in the editor.
To add states, click the \inlineimage plus.png
button. Then modify the new state in the editor.
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 screen,
you can change the position of an object on the canvas and then add animation
to the change between the states.
To determine when the state should be applied, select
\uicontrol {Set when Condition} in the context menu and specify a
\uicontrol {Set when Condition} in the menu and specify a
\l [QtQuick]{State::when}{when} property for the state.
You can preview the states in the \uicontrol State pane and click them to switch
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment