From 4d2bfff1d5113d2cf83ee3ee4589b56b711ea5b3 Mon Sep 17 00:00:00 2001 From: Leena Miettinen Date: Fri, 22 Jan 2021 12:39:02 +0100 Subject: [PATCH] Doc: Describe setting canvas color for components Change-Id: I2fcc1d45e9caddfb3d52a87cc03043249472b751 Reviewed-by: Thomas Hartmann --- doc/qtcreator/images/icons/canvas-color.png | Bin 0 -> 94 bytes .../images/qmldesigner-canvas-color.png | Bin 0 -> 5691 bytes .../src/qtquick/qtquick-form-editor.qdoc | 11 +++++++++++ 3 files changed, 11 insertions(+) create mode 100644 doc/qtcreator/images/icons/canvas-color.png create mode 100644 doc/qtcreator/images/qmldesigner-canvas-color.png diff --git a/doc/qtcreator/images/icons/canvas-color.png b/doc/qtcreator/images/icons/canvas-color.png new file mode 100644 index 0000000000000000000000000000000000000000..edbc90cd2eb207f6ab411929360cd0f1f7ed7e3a GIT binary patch literal 94 zcmeAS@N?(olHy`uVBq!ia0y~yVBi5^MrH;EhMe8!mM}0dum$*pxH2#>{Qv)d>CO3f w85kIZJzX3_IHHpi7?`D1j?^$T9$;XwGGhK~*>SL!fq{X+)78&qol`;+0O0BvPyhe` literal 0 HcmV?d00001 diff --git a/doc/qtcreator/images/qmldesigner-canvas-color.png b/doc/qtcreator/images/qmldesigner-canvas-color.png new file mode 100644 index 0000000000000000000000000000000000000000..af6ce6122405b7dd05c32a418afbd6d15b2549ca GIT binary patch literal 5691 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 iL>U+ySYp2ZKa>0W#I$KspD-{mFnGH9xvX \uicontrol {Qt Quick Designer} and specify the canvas width and height in the \uicontrol Canvas group. + \section1 Setting Canvas Color + + If you set the background of the root item of your component transparent, + the canvas color can make it difficult to see the component you are working + on. To make components more visible, you can select the canvas color in + the \inlineimage icons/canvas-color.png + list. By default, the color is transparent. Setting the canvas color does + not affect the background color of your UI or components in any way. + + \image qmldesigner-canvas-color.png "Transparent canvas color for a transparent component" + \section1 Refreshing the Form Editor Contents When you open QML files in the Design mode, the items in the file are drawn