From afc7e589323a6e078df37167be6e26654dfb80a2 Mon Sep 17 00:00:00 2001
From: Jack Lukic <jacklukic@gmail.com>
Date: Sun, 15 May 2016 17:54:21 -0400
Subject: [PATCH] Updates tab docs

---
 server/documents/hotfix.html.eco      | 71 +++++++++------------------
 server/documents/modules/tab.html.eco |  5 ++
 2 files changed, 28 insertions(+), 48 deletions(-)

diff --git a/server/documents/hotfix.html.eco b/server/documents/hotfix.html.eco
index 09fd49360..d179339e3 100644
--- a/server/documents/hotfix.html.eco
+++ b/server/documents/hotfix.html.eco
@@ -7,56 +7,27 @@ title      : 'Test Page'
 type       : 'Library'
 ---
 <div class="ui container">
-<h2 class="ui dividing header">
-    Inconsistent basic button styling
-</h2>
-
-<h4 class="ui header">
-  Standard Button
-  <div class="sub header">The emphatic version looks just like the colored one.</div>
-</h4>
-
-<button class="ui primary button">
-  Primary Button
-</button>
-<button class="ui blue button">
-  Blue Button
-</button>
-<button class="ui secondary button">
-  Secondary Button
-</button>
-<button class="ui black button">
-  Black Button
-</button>
-
-<div class="ui divider"></div>
-
-<h4 class="ui header">
-  Basic Button
-  <div class="sub header">The emphatic version looks different from the colored one.</div>
-</h4>
+<div class="context">
+    <h1>FOOBAR</h1>
+    <p>Loren ipsum<br />dolor sit amet</p>
+</div>
 
-<button class="ui basic primary button">
-  Primary Button
-</button>
-<button class="ui basic positive button">
-  Positive Button
-</button>
-<button class="ui basic negative button">
-  Negative Button
-</button>
-<button class="ui basic blue button">
-  Blue Button
-</button>
-<button class="ui basic secondary button">
-  Secondary Button
-</button>
-<button class="ui basic black button">
-  Black Button
+<button class="ui button circular icon">
+    <i class="icon settings"></i>
 </button>
 </div>
 <script>
 $(document).ready(function() {
+$('h1').visibility({
+   type: 'fixed',
+   context: 'div',
+   debug: true
+});
+
+$('button').on('click', function(e) {
+    console.log('should reset');
+  $('h1').visibility('destroy');
+});
 
 });
 
@@ -64,7 +35,11 @@ $(document).ready(function() {
 
 <!-- TEST CSS HERE !-->
 <style type="text/css">
-body > .ui.container:first-child {
-  margin-top: 5em;
-}
+
+    .container {
+       height: 60px;
+       overflow: scroll;
+       margin-bottom: 20px;
+    }
+
 </style>
diff --git a/server/documents/modules/tab.html.eco b/server/documents/modules/tab.html.eco
index 58e7932fa..3b747c5ae 100755
--- a/server/documents/modules/tab.html.eco
+++ b/server/documents/modules/tab.html.eco
@@ -602,6 +602,11 @@ themes      : ['Default']
           <td>false</td>
           <td>Tab should reload content every time it is opened</td>
         </tr>
+        <tr>
+          <td>cacheType <div class="ui horizontal label">2.2</div></td>
+          <td>response</td>
+          <td>Can be set to either <code>response</code> or <code>html</code>. Response will cache the original response on load, this way callbacks always receive the same content. Using `html` will cache the resulting html after all callbacks, making sure any changes to content are preserved.</td>
+        </tr>
         <tr>
           <td>cache</td>
           <td>true</td>