From 548118b52f3da5ec557980de52c8eca39dea5344 Mon Sep 17 00:00:00 2001
From: Bernhard Posselt <dev@bernhard-posselt.com>
Date: Fri, 23 May 2014 16:43:08 +0200
Subject: [PATCH] add docs on settings area

---
 developer_manual/app/css.rst | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/developer_manual/app/css.rst b/developer_manual/app/css.rst
index e2226995f..7e6e66a83 100644
--- a/developer_manual/app/css.rst
+++ b/developer_manual/app/css.rst
@@ -40,6 +40,29 @@ ownCloud provides a default CSS navigation layout. If list entries should have 1
         </ul>
     </div>
 
+Settings Area
+=============
+To create a settings area create a div with the id **app-settings** inside the **app-navgiation** div:
+
+.. code-block:: html
+
+    <div id="app">
+
+        <div id="app-navigation">
+
+            <!-- Your navigation here -->
+
+            <div id="app-settings">
+                <div id="app-settings-header">
+                    <button class="settings-button"></button>
+                </div>
+                <div id="app-settings-content">
+                    <!-- Your settings in here -->
+                </div>
+            </div>
+        </div>
+    </div>
+
 Icons
 =====
 To use icons which are shipped in core, special class to apply the background image are supplied. All of these classes use **background-position: center** and **background-repeat: no-repeat**.