Graph interaction slider >>>> contextual help

templates/graphExplorer/explorer.html

@@ -53,6 +53,7 @@
 
     <!-- this is a vertical spacer used to start everything below dafixedtop -->
     <div id="topspace">
+
     </div>
 
     <!-- this is the tweakbar -->
@@ -80,14 +81,14 @@
                 </a></li> -->
 
                 <!-- TODO fix: category0 -> category1 switching -->
-                <li  id="filter_graph" class='basicitem help'><a>
+                <li class='basicitem'><a>
                   <!-- Create a subgraph -->
                   <ul id="category0" class="nav">
-                        <li><small>Nodes</small> <div id="slidercat0nodesweight" class="settingslider"></div></li>
-                        <li><small>Edges</small> <div id="slidercat0edgesweight" class="settingslider"></div></li>
+                        <li><small class="help" id="nodeweight">Nodes</small> <div id="slidercat0nodesweight" class="settingslider"></div></li>
+                        <li><small class="help" id="edgeweight">Edges</small> <div id="slidercat0edgesweight" class="settingslider"></div></li>
                   </ul>
                 </a></li>
-                
+
 
                 <!-- <li class='basicitem'><a>
                   Compare<br>
@@ -96,22 +97,22 @@
 
                 <li class='basicitem'><a>
                   <!-- TODO fix: category0 -> category1 switching -->
-                  Label size<br>
+                  <small class="help" id="labelsize">Label size<br></small>
                   <div id="slidercat0nodessize" class="settingslider"></div>
                 </a></li>
 
-                 <li class='basicitem'><a>
-                   Colors<br>
+                 <li class='basicitem'><a >
+                   <small class='help' id="colorgraph">Colors<br></small>
                    <div class="colorgraph_div"></div>
                  </a></li>
 
                  <li class='basicitem'><a>
-                   Sizes<br>
+                   <small class='help' id="sizegraph">Sizes<br></small>
                    <div class="sizegraph_div"></div>
                  </a></li>
 
                  <li class='basicitem'><a>
-                   Selector size<br>
+                   <small class='help' id="selectorsize">Selector size<br></small>
                    <div id="unranged-value" class="settingslider"></div>
                  </a></li>
                 <!--
@@ -133,7 +134,7 @@
                                      title="Add next search results to current selection"
                                      class="btn btn-info"
                                      type="checkbox"></input>
-                             Add
+                             <small class='help' id="addgraph">Add</small>
                      </div>
 
                        <!-- the smaller the viewport, the larger the relative search box size -->
@@ -156,6 +157,8 @@
                                   class="form-control"
                                   placeholder="Search" />
                           <!-- #################################### -->
+                          <span id="search" class="input-group-btn help">
+                          </span>
                        </div>
                        <!-- messages below the search bar -->
                        <div id="unused_msg"></div>
@@ -251,8 +254,11 @@
       </div>
 
       <!-- Sidebar -->
+
       <div id="sidecolumn">
+
          <div id="unfold">
+
              <!-- button to be replaced by handle when sidecolumn is hidden -->
              <a href="#" id="aUnfold" class="rightarrow"></a>
          </div>
@@ -479,6 +485,7 @@
     <script src="{% static "lib/graphExplorer/tinawebJS/Tinaweb.js" %}" type="text/javascript" language="javascript"></script>
     <script src="{% static "lib/graphExplorer/tinawebJS/main.js" %}" type="text/javascript" language="javascript"></script>
 
+
     <script type="text/javascript">
         // set exact height of topspace
         var dafixedtopHeight = $('#dafixedtop').height() ;

templates/pages/projects/overview.html

@@ -73,7 +73,7 @@
                     </div>
                   </div>
               </div>
-        </p>
+            </p>
         </div>
     </div>
 </div>

templates/pages/projects/project.html

@@ -55,9 +55,9 @@
                     <div id="hero-donut" style="height: 200px;"></div>
                     {% endif %}
 
-                    <center>
-                      <p id="corpus" class="help">
-                      <br>
+                    <center id="corpus" class="help">
+
+                      
                         <a  data-toggle="modal" href="#addcorpus" >
                             <button
                             type="button"