diff --git a/doc/config/qtdoc.qdocconf b/doc/config/qtdoc.qdocconf
index 2bc33f992a14a80f286716af7806fedeb51f84f4..5109a4367557e94f4cee1480a394bafd4f1275b6 100644
--- a/doc/config/qtdoc.qdocconf
+++ b/doc/config/qtdoc.qdocconf
@@ -99,3 +99,6 @@ qhp.QtDoc.subprojects.examples.sortPages = true
 # Add an image used in example manifests to qhp
 HTML.extraimages             += images/qt-codesample.png
 qhp.QtDoc.extraFiles         += images/qt-codesample.png
+
+# Add an .html file with sidebar content, used in the online style
+HTML.stylesheets             += style/qt5-sidebar.html
diff --git a/doc/config/style/qt5-sidebar.html b/doc/config/style/qt5-sidebar.html
new file mode 100644
index 0000000000000000000000000000000000000000..2315cffd420f8b181ccbc7944e6538be2bdcabad
--- /dev/null
+++ b/doc/config/style/qt5-sidebar.html
@@ -0,0 +1,50 @@
+<div class="sectionlist normallist">
+    <div class="heading">
+        <a name="reference"></a>
+        <h2 id="reference">Reference</h2>
+    </div>
+    <div class="indexboxcont indexboxbar">
+        <ul>
+            <li><a href="classes.html">All Qt C++ Classes</a></li>
+            <li><a href="qmltypes.html">All QML Types</a></li>
+            <li><a href="qtmodules.html">All Qt Modules</a></li>
+            <li><a href="../qtcreator/index.html">Qt Creator Manual</a></li>
+        </ul>
+        <ul>
+            <li><a href="reference-overview.html">All Qt Reference Documentation</a></li>
+        </ul>
+    </div>
+</div>
+<div class="sectionlist normallist">
+    <div class="heading">
+        <a name="getting-started"></a>
+        <h2 id="getting-started">Getting Started</h2>
+    </div>
+    <ul>
+        <li><a href="gettingstarted.html">Getting Started with Qt</a></li>
+        <li><a href="qt5-intro.html">What's New in Qt 5</a></li>
+        <li><a href="qtexamplesandtutorials.html">Examples and Tutorials</a></li>
+        <li><a href="supported-platforms.html">Supported Platforms</a></li>
+        <li><a href="licensing.html">Qt Licensing</a></li>
+    </ul>
+</div>
+<div class="sectionlist normallist">
+    <div class="heading">
+        <a name="overviews"></a>
+        <h2 id="overviews">Overviews</h2>
+    </div>
+    <ul>
+        <li><a href="topics-app-development.html">Development Tools</a></li>
+        <li><a href="topics-ui.html">User Interfaces</a></li>
+        <li><a href="topics-core.html">Core Internals</a></li>
+        <li><a href="topics-data-storage.html">Data Storage</a></li>
+        <li><a href="qt5-intro.html#multimedia">Multimedia</a></li>
+        <li><a href="topics-network-connectivity.html">Networking and Connectivity</a></li>
+        <li><a href="topics-graphics.html">Graphics</a></li>
+        <li><a href="mobiledevelopment.html">Mobile APIs</a></li>
+        <li><a href="qmlapplications.html">QML Applications</a></li>
+    </ul>
+    <ul>
+        <li><a href="overviews-main.html">All Qt Overviews</a></li>
+    </ul>
+</div>
diff --git a/doc/src/index.qdoc b/doc/src/index.qdoc
index eeb41a3c78bbe76f0ad1ef159e0b611382d5317b..ef24288928981643055b0a7a68a584b8af4b829e 100644
--- a/doc/src/index.qdoc
+++ b/doc/src/index.qdoc
@@ -66,7 +66,23 @@
                 The commercially licensed Qt contains additional functionality and
                 productivity tools. For details, see \l{http://www.qt.io/}.
     \enddiv
-    \div {class="col-2"}
+    \div {class="col-2 sidebar"}
+            \div {class="sectionlist normallist"}
+                \div {class="heading"}
+                     \section1 Reference
+                \enddiv
+                \div {class="indexboxcont indexboxbar"}
+                    \list
+                    \li \l{All Classes}{All Qt C++ Classes}
+                    \li \l{All QML Types}
+                    \li \l{All Modules}{All Qt Modules}
+                    \li \l{Qt Creator Manual}
+                    \endlist
+                    \list
+                    \li \l{Qt Reference Pages}{All Qt Reference Documentation}
+                    \endlist
+                \enddiv
+            \enddiv
         \div {class="sectionlist normallist"}
             \div {class="heading"}
                 \section1 Getting Started
@@ -99,22 +115,6 @@
                 \li \l{Qt Overviews}{All Qt Overviews}
                 \endlist
             \enddiv
-            \div {class="sectionlist normallist"}
-                \div {class="heading"}
-                     \section1 Reference
-                \enddiv
-                \div {class="indexboxcont indexboxbar"}
-                    \list
-                    \li \l{All Classes}{All Qt C++ Classes}
-                    \li \l{All QML Types}
-                    \li \l{All Modules}{All Qt Modules}
-                    \li \l{Qt Creator Manual}
-                    \endlist
-                    \list
-                    \li \l{Qt Reference Pages}{All Qt Reference Documentation}
-                    \endlist
-                \enddiv
-            \enddiv
     \enddiv
 \enddiv
 */