X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc..c930e9176a5a85509c5b0230e2bff5c22a591432:/examples/simple-widgets/qtips.html

diff --git a/examples/simple-widgets/qtips.html b/examples/simple-widgets/qtips.html
index 79aa0124..06831e31 100644
--- a/examples/simple-widgets/qtips.html
+++ b/examples/simple-widgets/qtips.html
@@ -47,5 +47,24 @@
     <div id="ajax-tip" class="tip-target">Ajax ToolTip</div>
     <div id="track-tip" class="tip-target">Mouse Track</div>
     <div id="tip4" class="tip-target" ext:qtip="My QuickTip">QuickTip</div>
+    
+    <div class="x-clear"></div>
+    <h3>Callout Tip</h3>
+    <div id="leftCallout" class="tip-target" style="width: 150px;">Anchor right, rich content</div>
+    <div id="bottomCallout" class="tip-target" style="width: 200px;">Anchor below</div>
+    <div id="trackCallout" class="tip-target" style="width: 150px;">Anchor with tracking</div>
+
+    <div style="display:none;">
+        <div id="content-tip">
+            <ul>
+                <li>5 bedrooms</li>
+                <li>2 bathrooms</li>
+                <li>Large backyard</li>
+                <li>Close to transport</li>
+            </ul>
+            <div class="x-clear"></div>
+            <img src="images/house.jpg" alt="Website Thumbnail" />
+        </div>
+    </div>
 </body>
 </html>
\ No newline at end of file