Doc: Update docs related to live previewing from toolbar

The Live Preview icon is replace with a Live Preview button.
Also some other minor fixes.

Task-number: QDS-9120
Change-Id: I9c351f91f28610206c5986821e0a84349f370869
Reviewed-by: Leena Miettinen <riitta-leena.miettinen@qt.io>
This commit is contained in:
Mats Honkamaa
2023-02-21 15:50:33 +02:00
parent 06b6d5d768
commit a06da113b7
5 changed files with 11 additions and 11 deletions

View File

@@ -238,9 +238,9 @@
pressed down. pressed down.
\image qmldesigner-borderimage-bindings1.png "Inactive state when condition" \image qmldesigner-borderimage-bindings1.png "Inactive state when condition"
\li Press \key {Ctrl+S} to save the button. \li Press \key {Ctrl+S} to save the button.
\li Select the \inlineimage icons/live_preview.png \li Select the
(\uicontrol {Show Live Preview}) button to check how the \uicontrol {Live Preview} button on the top toolbar to see how the
button behaves when you click it. You can drag the preview button behaves when you select it. Drag the preview
window borders to see what happens when you resize the window borders to see what happens when you resize the
component. component.
\endlist \endlist

View File

@@ -150,13 +150,14 @@
Next, to run the emulator, do one of the following: Next, to run the emulator, do one of the following:
\list \list
\li Select \uicontrol{Show Live Preview} in the the \uicontrol {2D} view toolbar. \li Select \uicontrol{Live Preview} in the top toolbar.
\image toolbar-show-live-preview.png \image toolbar-show-live-preview.png
\li Select \uicontrol Build > \uicontrol{QML Preview}. \li Select \uicontrol Build > \uicontrol{QML Preview}.
\note The \uicontrol Build menu option is not visible by default. To show \note The \uicontrol Build menu option is not visible by default. To show
it, go to \uicontrol Edit > \uicontrol Preferences > \uicontrol Environment it, go to \uicontrol Edit > \uicontrol Preferences > \uicontrol Environment
> \uicontrol {Qt Design Studio Configuration}. > \uicontrol {Qt Design Studio Configuration}.
\image menu-build-qml-preview.png \image menu-build-qml-preview.png
\li Select \key Alt + \key P.
\endlist \endlist
Now the emulator runs, the qtdesignviewer APK delivered with the \QDS installation Now the emulator runs, the qtdesignviewer APK delivered with the \QDS installation

View File

@@ -282,9 +282,9 @@
and transition line. and transition line.
\endlist \endlist
To preview the flow, select the \inlineimage icons/live_preview.png To preview the flow, select the
(\uicontrol {Show Live Preview}) button on the Design mode \uicontrol {Live Preview} button on the top toolbar or press \key Alt +
\l{Summary of Main Toolbar Actions}{toolbar} or press \key {Alt+P}. \key P.
\section1 Common Properties \section1 Common Properties

View File

@@ -240,9 +240,8 @@
\endlist \endlist
To preview the whole UI, select the To preview the whole UI, select the
\inlineimage icons/live_preview.png \uicontrol {Live Preview} button on the top toolbar
(\uicontrol {Show Live Preview}) button on the canvas toolbar or press \key Alt + \key P.
or press \key {Alt+P}.
\section1 Animating Rotation \section1 Animating Rotation

View File

@@ -115,7 +115,7 @@
You need to generate Qt compiled translation source files (\e{.qm}) You need to generate Qt compiled translation source files (\e{.qm})
and Qt translation source files (\e{.ts}) for your project to have the and Qt translation source files (\e{.ts}) for your project to have the
translations working in the actual application and \uicontrol{Live Preview}. translations working in the actual application and live preview.
To generate these files, select To generate these files, select
\inlineimage icons/generate-translation-files.png \inlineimage icons/generate-translation-files.png