]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commitdiff
Update JS options in joyride documentation 4719/head
authorkevcha <kevin.chavanne@gmail.com>
Tue, 18 Mar 2014 14:14:11 +0000 (15:14 +0100)
committerkevcha <kevin.chavanne@gmail.com>
Tue, 18 Mar 2014 14:14:11 +0000 (15:14 +0100)
doc/includes/joyride/examples_joyride_options.html

index 5e3fb74789448dc57fd0e830602bf0a149b01f51..3edc78d1140b0ae2000d72c19865c29f2c255d83 100644 (file)
@@ -1,30 +1,47 @@
 {{#markdown}}
 ```javascript
 {
-  tipLocation          : 'bottom',  // 'top' or 'bottom' in relation to parent
-  nubPosition          : 'auto',    // override on a per tooltip bases
-  scrollSpeed          : 300,       // Page scrolling speed in milliseconds
-  timer                : 0,         // 0 = no timer , all other numbers = timer in milliseconds
-  startTimerOnClick    : true,      // true or false - true requires clicking the first button start the timer
-  startOffset          : 0,         // the index of the tooltip you want to start on (index of the li)
-  nextButton           : true,      // true or false to control whether a next button is used
-  tipAnimation         : 'fade',    // 'pop' or 'fade' in each tip
-  pauseAfter           : [],        // array of indexes where to pause the tour after
-  tipAnimationFadeSpeed: 300,       // when tipAnimation = 'fade' this is speed in milliseconds for the transition
-  cookieMonster        : false,     // true or false to control whether cookies are used
-  cookieName           : 'joyride', // Name the cookie you'll use
-  cookieDomain         : false,     // Will this cookie be attached to a domain, ie. '.notableapp.com'
-  cookieExpires        : 365,       // set when you would like the cookie to expire.
-  tipContainer         : 'body',    // Where will the tip be attached
-  postRideCallback     : function (){},    // A method to call once the tour closes (canceled or complete)
-  postStepCallback     : function (){},    // A method to call after each step
+  expose                   : false,     // turn on or off the expose feature
+  modal                    : true,      // Whether to cover page with modal during the tour
+  tip_location             : 'bottom',  // 'top' or 'bottom' in relation to parent
+  nub_position             : 'auto',    // override on a per tooltip bases
+  scroll_speed             : 1500,      // Page scrolling speed in milliseconds, 0 = no scroll animation
+  scroll_animation         : 'linear',  // supports 'swing' and 'linear', extend with jQuery UI.
+  timer                    : 0,         // 0 = no timer , all other numbers = timer in milliseconds
+  start_timer_on_click     : true,      // true or false - true requires clicking the first button start the timer
+  start_offset             : 0,         // the index of the tooltip you want to start on (index of the li)
+  next_button              : true,      // true or false to control whether a next button is used
+  tip_animation            : 'fade',    // 'pop' or 'fade' in each tip
+  pause_after              : [],        // array of indexes where to pause the tour after
+  exposed                  : [],        // array of expose elements
+  tip_animation_fade_speed : 300,       // when tipAnimation = 'fade' this is speed in milliseconds for the transition
+  cookie_monster           : false,     // true or false to control whether cookies are used
+  cookie_name              : 'joyride', // Name the cookie you'll use
+  cookie_domain            : false,     // Will this cookie be attached to a domain, ie. '.notableapp.com'
+  cookie_expires           : 365,       // set when you would like the cookie to expire.
+  tip_container            : 'body',    // Where will the tip be attached
+  tip_location_patterns    : {
+    top: ['bottom'],
+    bottom: [], // bottom should not need to be repositioned
+    left: ['right', 'top', 'bottom'],
+    right: ['left', 'top', 'bottom']
+  },
+  post_ride_callback     : function (){},    // A method to call once the tour closes (canceled or complete)
+  post_step_callback     : function (){},    // A method to call after each step
+  pre_step_callback      : function (){},    // A method to call before each step
+  pre_ride_callback      : function (){},    // A method to call before the tour starts (passed index, tip, and cloned exposed element)
+  post_expose_callback   : function (){},    // A method to call after an element has been exposed
   template : { // HTML segments for tip layout
-    link    : '<a href=\"#close\" class=\"joyride-close-tip\">&times;</a>',
-    timer   : '<div class=\"joyride-timer-indicator-wrap\"><span class=\"joyride-timer-indicator\"></span></div>',
-    tip     : '<div class=\"joyride-tip-guide\"><span class=\"joyride-nub\"></span></div>',
-    wrapper : '<div class=\"joyride-content-wrapper\"></div>',
-    button  : '<a href=\"#\" class=\"small button joyride-next-tip\"></a>'
-  }
+    link    : '<a href="#close" class="joyride-close-tip">&times;</a>',
+    timer   : '<div class="joyride-timer-indicator-wrap"><span class="joyride-timer-indicator"></span></div>',
+    tip     : '<div class="joyride-tip-guide"><span class="joyride-nub"></span></div>',
+    wrapper : '<div class="joyride-content-wrapper"></div>',
+    button  : '<a href="#" class="small button joyride-next-tip"></a>',
+    modal   : '<div class="joyride-modal-bg"></div>',
+    expose  : '<div class="joyride-expose-wrapper"></div>',
+    expose_cover: '<div class="joyride-expose-cover"></div>'
+  },
+  expose_add_class : '' // One or more space-separated class names to be added to exposed element
 }
 ```
 {{/markdown}}
\ No newline at end of file