aboutsummaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
authorJ-P Nurmi <jpnurmi@qt.io>2017-03-30 09:12:41 +0200
committerJ-P Nurmi <jpnurmi@qt.io>2017-04-03 07:11:42 +0000
commit07805c738d66838c372b2533cf5bfaf21663be58 (patch)
tree38a283f131f6a8745cdf81f91c10c26a3ab6305e /src
parent8d1ad7261d265972af1e837a7d07c91164694abb (diff)
Doc: add style screenshots on the index page
To make it more clear what the controls are and how they look. Change-Id: I6ce9a56a1692d90900952be798d7b254bc067dbb Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
Diffstat (limited to 'src')
-rw-r--r--src/imports/controls/doc/src/qtquickcontrols2-index.qdoc30
1 files changed, 30 insertions, 0 deletions
diff --git a/src/imports/controls/doc/src/qtquickcontrols2-index.qdoc b/src/imports/controls/doc/src/qtquickcontrols2-index.qdoc
index 5fa2980a..7307333e 100644
--- a/src/imports/controls/doc/src/qtquickcontrols2-index.qdoc
+++ b/src/imports/controls/doc/src/qtquickcontrols2-index.qdoc
@@ -35,6 +35,36 @@
to build complete interfaces in Qt Quick. The module was introduced
in Qt 5.7.
+ Qt Quick Controls 2 comes with a selection customizable styles.
+ See \l {Styling Qt Quick Controls 2} for more details.
+
+ \raw HTML
+ <table style="background:transparent; border:0px" width="66%">
+ <tr>
+ <td style="border:0px; padding-right:25px;">
+ <a href="qtquickcontrols2-default.html">
+ <img src="images/qtquickcontrols2-default.png" alt="Default" width="100%"/>
+ </a>
+ </td>
+ <td style="border:0px; padding-right:25px;">
+ <a href="qtquickcontrols2-material.html">
+ <img src="images/qtquickcontrols2-material.png" alt="Material" width="100%"/>
+ </a>
+ </td>
+ <td style="border:0px;">
+ <a href="qtquickcontrols2-universal.html">
+ <img src="images/qtquickcontrols2-universal.png" alt="Universal" width="100%"/>
+ </a>
+ </td>
+ </tr>
+ <tr>
+ <td style="border:0px">Default</td>
+ <td style="border:0px">Material</td>
+ <td style="border:0px">Universal</td>
+ </tr>
+ </table>
+ \endraw
+
\section1 Prerequisites
The \l{Qt Quick Controls 2 QML Types}{QML types} can be imported into your