From 435d2bf9c6138d102e962569fd04472dd7d7efd9 Mon Sep 17 00:00:00 2001
From: J-P Nurmi <jpnurmi@qt.io>
Date: Thu, 26 May 2016 11:58:41 +0200
Subject: Doc: add screenshots on the Styling Qt Quick Controls 2 -page

Change-Id: I8dfd4ead179ee790ac670a3cf9047109b357825e
Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
---
 .../controls/doc/src/qtquickcontrols2-styles.qdoc  | 45 +++++++++++++++++++---
 1 file changed, 40 insertions(+), 5 deletions(-)

(limited to 'src/imports/controls/doc')

diff --git a/src/imports/controls/doc/src/qtquickcontrols2-styles.qdoc b/src/imports/controls/doc/src/qtquickcontrols2-styles.qdoc
index 5ea56c49..787feef7 100644
--- a/src/imports/controls/doc/src/qtquickcontrols2-styles.qdoc
+++ b/src/imports/controls/doc/src/qtquickcontrols2-styles.qdoc
@@ -29,11 +29,46 @@
     \page qtquickcontrols2-styles.html
     \title Styling Qt Quick Controls 2
 
-    Qt Quick Controls 2 comes with a selection of styles. The \l {Default Style}
-    {Default} style is a simple and light-weight all-round style that offers
-    the maximum performance for Qt Quick Controls 2. The more advanced
-    \l {Universal Style}{Universal} and \l {Material Style}{Material} styles
-    offer an appealing design, but require more system resources.
+    Qt Quick Controls 2 comes with a selection of styles.
+
+    \raw HTML
+    <table style="background:transparent; border:0px">
+      <tr>
+        <td style="border:0px">
+          <a href="qtquickcontrols2-default.html">
+            <img src="images/qtquickcontrols2-default.png" width="45%"/>
+          </a>
+        </td>
+        <td style="border:0px">
+          <a href="qtquickcontrols2-material.html">
+            <img src="images/qtquickcontrols2-material.png" width="75%"/>
+          </a>
+        </td>
+        <td style="border:0px">
+          <a href="qtquickcontrols2-universal.html">
+            <img src="images/qtquickcontrols2-universal.png" width="75%"/>
+          </a>
+        </td>
+      </tr>
+      <tr>
+        <td style="border:0px">
+          The <a href="qtquickcontrols2-default.html">Default</a> style is
+          a simple and light-weight all-round style that offers the maximum
+          performance for Qt Quick Controls 2.
+        </td>
+        <td style="border:0px">
+          The <a href="qtquickcontrols2-material.html">Material</a> style offers an appealing design
+          based on the <a href="https://www.google.com/design/spec/material-design/introduction.html">
+          Google Material Design Guidelines</a>, but requires more system resources than the Default style.
+        </td>
+        <td style="border:0px">
+          The <a href="qtquickcontrols2-universal.html">Universal</a> style offers an appealing design
+          based on the <a href="https://dev.windows.com/design">Microsoft Universal Design Guidelines</a>,
+          but requires more system resources than the Default style.
+        </td>
+      </tr>
+    </table>
+    \endraw
 
     \section1 Using Styles in Qt Quick Controls 2
 
-- 
cgit v1.2.3