From 7754c2363f5e053ab1ef4211551f9e8fb2f1a3db Mon Sep 17 00:00:00 2001
From: Alex de Mulder <alexdemulder@gmail.com>
Date: Mon, 10 Mar 2014 12:02:12 +0100
Subject: [PATCH] Clarified docs, stressing the css file is required to use the
 navigation and manipulation features of graph. (#55)

---
 docs/graph.html                   | 6 ++++--
 examples/graph/20_navigation.html | 3 ++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/docs/graph.html b/docs/graph.html
index b833e668..df875131 100644
--- a/docs/graph.html
+++ b/docs/graph.html
@@ -1370,7 +1370,8 @@ var options = {
     By using the data manipulation feature of the graph you can dynamically create nodes, connect nodes with edges, edit nodes or delete nodes and edges.
     The toolbar is fully HTML and CSS so the user can style this to their preference. To control the behaviour of the data manipulation, users can insert custom functions
     into the data manipulation process. For example, an injected function can show an detailed pop-up when a user wants to add a node. In <a href="../examples/graph/21_data_manipulation.html">example 21</a>,
-    two functions have been injected into the add and edit functionality. This is described in more detail in the next subsection.
+    two functions have been injected into the add and edit functionality. This is described in more detail in the next subsection. To correctly display the manipulation icons, the <b>vis.css</b> file must be included.
+    The user is free to alter or overload the CSS classes but without them the navigation icons are not visible.
 </p>
 <pre class="prettyprint">
 // These variables must be defined in an options object named dataManipulation.
@@ -1664,7 +1665,8 @@ var options: {
 <h3 id="Navigation_controls">Navigation controls</h3>
 <p>
   Graph has a menu with navigation controls, which is disabled by default.
-  It can be configured with the following settings.
+  It can be configured with the following settings. To correctly display the navigation icons, the <b>vis.css</b> file must be included.
+    The user is free to alter or overload the CSS classes but without them the navigation icons are not visible.
 </p>
 
 <pre class="prettyprint">
diff --git a/examples/graph/20_navigation.html b/examples/graph/20_navigation.html
index 63ef1369..478f154a 100644
--- a/examples/graph/20_navigation.html
+++ b/examples/graph/20_navigation.html
@@ -161,7 +161,8 @@
   </table>
   <br />
   Apart from clicking the icons, you can also navigate using the keyboard. The buttons are in table above.
-  Zoom Extends changes the zoom and position of the camera to encompass all visible nodes.
+  Zoom Extends changes the zoom and position of the camera to encompass all visible nodes. To correctly display the navigation icons, the <b>vis.css</b> file must be included.
+    The user is free to alter or overload the CSS classes but without them the navigation icons are not visible.
 
 
 </div>