From 26e630d71f74d664e0d018428210773c4748643d Mon Sep 17 00:00:00 2001 From: Gordon Koo Date: Wed, 15 May 2013 11:47:44 -0700 Subject: [PATCH] add Hopscotch Callouts to demo TOC --- demo/index.html | 24 +++++++++++------------- 1 file changed, 11 insertions(+), 13 deletions(-) diff --git a/demo/index.html b/demo/index.html index 373921da..4879e5b1 100644 --- a/demo/index.html +++ b/demo/index.html @@ -2,10 +2,6 @@ - @@ -38,6 +34,7 @@

Contents

  • Tour Example
    • +
  • Hopscotch Callouts
    • @@ -431,18 +428,19 @@

    Tour Example

    } -

    Hopscotch Callouts

    +

    Hopscotch Callouts

    Sometimes all you need is a simple callout. You can use Hopscotch Callouts to achieve this.

    - 
    var calloutMgr = hopscotch.getCalloutManager();
-      calloutMgr.createCallout({
-        id: 'attach-icon',
-        target: 'attach-btn',
-        placement: 'bottom',
-        title: 'Now you can share images & files!',
-        content: 'Share a project you\'re proud of, a photo from a recent event, or an interesting presentation.'
-      });
+      
    
+  var calloutMgr = hopscotch.getCalloutManager();
+  calloutMgr.createCallout({
+    id: 'attach-icon',
+    target: 'attach-btn',
+    placement: 'bottom',
+    title: 'Now you can share images & files!',
+    content: 'Share a project you\'re proud of, a photo from a recent event, or an interesting presentation.'
+  });
       
    
 
       
    Callouts come with the same options available as tour steps, so you can specify things like width, placement, offsets, and z-index. The most important difference between tour steps and callouts is that you must supply an id when creating a callout for later reference.