sample/templates/view-scroll.html

   1 {% extends 'layout-unfold2.html' %}
   2
   3 {% block unfold_main %}
   4
   5 {% insert_str prelude "css/sample.css" %}
   6
   7 <!--<div id='scrolls' data-spy="scroll" data-target=".foo">-->
   8 <div id='scrollDiv1'> <p class='well'><code>This scroll view was an attempt to use the scrollspy widget from bootstrap, but I could not get this to work quite obviously</code></p>
   9  {{ lorem }} {{ lorem }} {{ lorem }} </div>
  10 <div id='scrollDiv2'> scroll2 area {{ lorem }} {{ lorem }} </div>
  11 <div id='scrollDiv3'> scroll3 area {{ lorem }}  </div>
  12 <div id='scrollDiv4'> scroll4 area {{ lorem }} {{ lorem }} {{ lorem }} </div>
  13 <!--</div>-->
  14 {% endblock unfold_main %}
  15
  16 {% block unfold_margin %}
  17 <div class="foo">
  18 <ul class="nav nav-tabs nav-stacked">
  19   <li><a href="#scrollDiv1" data-toggle="tab"><!--<i class="icon-chevron-right"/>--> scroll1 </a></li>
  20   <li><a href="#scrollDiv2" data-toggle="tab"> scroll2 </a></li>
  21   <li><a href="#scrollDiv3" data-toggle="tab"> scroll3 </a></li>
  22   <li><a href="#scrollDiv4" data-toggle="tab"> scroll4 </a></li>
  23 </ul>
  24 </div>
  25 {% endblock unfold_margin %}