From 5339cd51fa4235b87a41135b8a7d8bcc671a0e88 Mon Sep 17 00:00:00 2001
From: Aaron Kennedy <aaron.kennedy@nokia.com>
Date: Tue, 13 Oct 2009 15:45:37 +1000
Subject: Doc

---
 doc/src/declarative/examples.qdoc           |  51 ++++++++++++++++++++++++----
 doc/src/declarative/pics/dial-example.gif   | Bin 0 -> 566465 bytes
 doc/src/declarative/pics/switch-example.gif | Bin 0 -> 25270 bytes
 doc/src/declarative/qtdeclarative.qdoc      |   4 +--
 4 files changed, 46 insertions(+), 9 deletions(-)
 create mode 100644 doc/src/declarative/pics/dial-example.gif
 create mode 100644 doc/src/declarative/pics/switch-example.gif

diff --git a/doc/src/declarative/examples.qdoc b/doc/src/declarative/examples.qdoc
index 7a03685..9d66089 100644
--- a/doc/src/declarative/examples.qdoc
+++ b/doc/src/declarative/examples.qdoc
@@ -41,7 +41,9 @@
 
 /*!
 \page qmlexamples.html
-\title QML Examples
+\title QML Examples and Walkthroughs
+
+\section1 Running Examples
 
 A \l {qmlviewer}{viewer} application is included that allows you to quickly explore many of the
 examples. It has some useful options, revealed by:
@@ -63,12 +65,47 @@ or
 
 Many other simple examples can be found under the \c examples/declarative sub
 directory.  Some can be run directly using the viewer like those above, and
-others require you to build and run an executable.
+others require you to build and run an executable.  More sophisticated demos of 
+large applications can be found under the \c demos/declarative sub directory. 
+These are intended to show more integrated functionality rather than to be 
+instructive on specific elements.
+
+\section1 Examples
+
+These will be documented, and demonstrate how to achieve various things in QML.
 
-More sophisticated demos of large applications can be found under the \c demos/declarative
-sub directory. These are intended to show more integrated functionality rather than
-to be instructive on specific elements.
+\raw HTML
+<center>
+<table cellspacing="10">
+<tr>
+<td>
+\endraw
+\image dial-example.gif
+\raw HTML
+</td>
+<td>
+\endraw
+\image switch-example.gif
+\raw HTML
+</td>
+<td>
+\endraw
+\image declarative-adv-tutorial4.gif
+\raw HTML
+</td>
+</tr>
+<tr>
+<td>
+<center>Elastic Dial</center>
+</td>
+<td>
+<center>Touch Toggle Switch</center>
+</td>
+<td>
+<center>Samegame</center>
+</td>
+</table>
+</center>
+\endraw
 
-Finally, check out the \l {tutorial} to learn a little more about writing your
-own QML-based applications.
 */
diff --git a/doc/src/declarative/pics/dial-example.gif b/doc/src/declarative/pics/dial-example.gif
new file mode 100644
index 0000000..4e90ba9
Binary files /dev/null and b/doc/src/declarative/pics/dial-example.gif differ
diff --git a/doc/src/declarative/pics/switch-example.gif b/doc/src/declarative/pics/switch-example.gif
new file mode 100644
index 0000000..3d6582f
Binary files /dev/null and b/doc/src/declarative/pics/switch-example.gif differ
diff --git a/doc/src/declarative/qtdeclarative.qdoc b/doc/src/declarative/qtdeclarative.qdoc
index 1581e3d..73814db 100644
--- a/doc/src/declarative/qtdeclarative.qdoc
+++ b/doc/src/declarative/qtdeclarative.qdoc
@@ -73,10 +73,10 @@ completely new applications.  QML is fully \l {Extending QML}{extensible from C+
 \section1 Getting Started:
 \list
 \o \l {Introduction to the QML language}
-\o \l {tutorial}{Tutorial: 'Hello World'}
+\o \l {Tutorial}{Tutorial: 'Hello World'}
 \o \l {tutorials-declarative-contacts.html}{Tutorial: 'Introduction to QML'}
 \o \l {advtutorial.html}{Advanced Tutorial: 'Same Game'}
-\o \l {QML Examples}
+\o \l {QML Examples and Walkthroughs}
 \endlist
 
 \section1 Core QML Features:
-- 
cgit v0.12