1 files changed, 125 insertions, 0 deletions
diff --git a/doc/kdevelop/app-uimodes-examples.docbook b/doc/kdevelop/app-uimodes-examples.docbook
new file mode 100644
index 00000000..24b93c61
--- /dev/null
+++ b/doc/kdevelop/app-uimodes-examples.docbook
@@ -0,0 +1,125 @@
+<appendix id="app-uimodes-examples">
+<title>&kdevelop; User Interface Mode Examples</title>
+
+<sect1 id="ideal-desc">
+<title>IDEAl Mode</title>
+
+<para>
+Click <link linkend="uimodes-survey">here</link> to return to the modes overview.
+</para>
+
+<screenshot>
+  <mediaobject>
+    <imageobject>
+      <imagedata fileref="kdevelop-ideal-mode.png" format="PNG"/>
+    </imageobject>
+    <textobject><phrase>Screenshot</phrase></textobject>
+    <caption><para>&kdevelop; IDEAl mode</para></caption>
+  </mediaobject>
+</screenshot>
+
+<para>
+Click <link linkend="uimodes-survey">here</link> to return to the modes overview.
+</para>
+
+<screenshot>
+  <mediaobject>
+    <imageobject>
+      <imagedata fileref="kdevelop-ideal-mode-0.png" format="PNG"/>
+    </imageobject>
+    <textobject><phrase>Screenshot</phrase></textobject>
+    <caption><para>&kdevelop; IDEAl mode, closed tabs</para></caption>
+  </mediaobject>
+</screenshot>
+
+<para>
+This example screenshot demonstrates one of the main virtues of IDEAl mode. There is a maximum workspace available. Yet any tool view is readily available by clicking on the according tab.
+</para>
+<para>
+You will most probably need some time to get accustomed to the icons in the tab bar. If you got lost, just position the mouse over a tab and wait a few seconds. A short tool tip description will pop up. In this screenshot the <quote>Automake Manager</quote> tool tip is shown as an example. It describes the lower tab in the right tab bar.
+</para>
+
+<para>
+Click <link linkend="uimodes-survey">here</link> to return to the modes overview.
+</para>
+
+</sect1> <!-- ideal-desc -->
+
+<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
+
+<sect1 id="mdi-desc">
+<title>Child Frame Windows Mode</title>
+
+<para>
+Click <link linkend="uimodes-survey">here</link> to return to the modes overview.
+</para>
+
+<screenshot>
+  <mediaobject>
+    <imageobject>
+    <imagedata fileref="kdevelop-mdi-mode.png" format="PNG"/>
+    </imageobject>
+    <textobject><phrase>Screenshot</phrase></textobject>
+    <caption><para>&kdevelop; child frame windows mode</para></caption>
+  </mediaobject>
+</screenshot>
+
+<para>
+Click <link linkend="uimodes-survey">here</link> to return to the modes overview.
+</para>
+
+</sect1> <!-- mdi-desc -->
+
+<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
+
+<sect1 id="tabbed-desc">
+<title>Tabbed Pages Mode</title>
+
+<para>
+Click <link linkend="uimodes-survey">here</link> to return to the modes overview.
+</para>
+
+<screenshot>
+  <mediaobject>
+    <imageobject>
+      <imagedata fileref="kdevelop-tabbed-mode.png" format="PNG"/>
+    </imageobject>
+    <textobject><phrase>Screenshot</phrase></textobject>
+    <caption><para>&kdevelop; tabbed pages mode</para></caption>
+  </mediaobject>
+</screenshot>
+
+<para>
+Click <link linkend="uimodes-survey">here</link> to return to the modes overview.
+</para>
+
+</sect1> <!-- tabbed-desc -->
+
+<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
+
+<sect1 id="toplevel-desc">
+<title>Toplevel Windows Mode</title>
+
+<para>
+Click <link linkend="uimodes-survey">here</link> to return to the modes overview.
+</para>
+
+<screenshot>
+  <mediaobject>
+    <imageobject>
+      <imagedata fileref="kdevelop-toplevel-mode.png" format="PNG"/>
+    </imageobject>
+    <textobject><phrase>Screenshot</phrase></textobject>
+    <caption><para>&kdevelop; toplevel windows mode</para></caption>
+  </mediaobject>
+</screenshot>
+
+<para>
+Click <link linkend="uimodes-survey">here</link> to return to the modes overview.
+</para>
+
+</sect1> <!-- toplevel-desc -->
+
+</appendix> <!-- app-uimodes-examples -->
+
+<!-- ====================================================================== -->