Upgrade to ExtJS 3.0.0 - Released 07/06/2009

[extjs.git] / examples / simple-widgets / qtips.html

diff --git a/examples/simple-widgets/qtips.html b/examples/simple-widgets/qtips.html
index 79aa012..06831e3 100644 (file)
--- 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>\r
     <div id="track-tip" class="tip-target">Mouse Track</div>\r
     <div id="tip4" class="tip-target" ext:qtip="My QuickTip">QuickTip</div>\r
     <div id="ajax-tip" class="tip-target">Ajax ToolTip</div>\r
     <div id="track-tip" class="tip-target">Mouse Track</div>\r
     <div id="tip4" class="tip-target" ext:qtip="My QuickTip">QuickTip</div>\r

+    \r
+    <div class="x-clear"></div>\r
+    <h3>Callout Tip</h3>\r
+    <div id="leftCallout" class="tip-target" style="width: 150px;">Anchor right, rich content</div>\r
+    <div id="bottomCallout" class="tip-target" style="width: 200px;">Anchor below</div>\r
+    <div id="trackCallout" class="tip-target" style="width: 150px;">Anchor with tracking</div>\r
+\r
+    <div style="display:none;">\r
+        <div id="content-tip">\r
+            <ul>\r
+                <li>5 bedrooms</li>\r
+                <li>2 bathrooms</li>\r
+                <li>Large backyard</li>\r
+                <li>Close to transport</li>\r
+            </ul>\r
+            <div class="x-clear"></div>\r
+            <img src="images/house.jpg" alt="Website Thumbnail" />\r
+        </div>\r
+    </div>\r

 </body>\r
 </html>
\ No newline at end of file
 </body>\r
 </html>
\ No newline at end of file