Stack Overflow
Stack Overflow

Questions tagged [zurb-joyride]

Use this tag for questions relating to Joyride, a jQuery site tour wizard.

Dependencies: jQuery >= 1.8.2

Project site: http://zurb.com/playground/jquery-joyride-feature-tour-plugin

Current Version: 2

60 questions
1
vote
2 answers

Foundation joyride start only on first load

I'm using Foundation Joyride and every time I load the webpage the tour starts, but how do I only start the tour for the first time the webpage is loaded? My settings are ... $(window).load(function() { //Foundation Joyride (Tour) …
user1753622
  • 287
  • 3
  • 19
0
votes
0 answers

Reset or move tour conditionally in react-joyride

I want to basically check if the next can be pressed, i.e., the next condition is reached. If it isn't I want to stay in the current step. I'm using Joyride conditionally. const handleJoyrideCallback = (data: CallBackProps): void => { const {…
salman-ar
  • 34
  • 3
0
votes
0 answers

How can i make sure that certain assets (css and js) are loaded before test progresses?

I'm writing an integration test for a react-joyride tour that i've implemented. The tests are failing because many times, even though Selenium clicks on a button, the event that is associated with that button click ( onClick) is not triggered. I…
Kabir Pathak
  • 41
  • 11
0
votes
0 answers

How does one await the completion of a task or suspend a method in a component?

I am using a third party library that renders some UI. The api has a callback function so one can run necessary code before invoking the next UI change in the third party library. In my scenario, I perform a user action (clicking a button), the…
Nick
  • 1
  • 1
0
votes
1 answer

Destroy Joyride in Foundation

Is there a way to destroy the joyride provided by Zurb Foundation problematically. I am trying to destroy the joyride like this $('#joyride-list-location-creation').joyride('destroy'); But I am getting this error Uncaught TypeError: $(...).joyride…
mohsinali1317
  • 4,255
  • 9
  • 46
  • 85
0
votes
0 answers

Possible to style Zurb Foundation Joyride like this?

Just wondering if anyone knows if it is possible to style Foundation's Joyride tooltips to look something like this? Specifically the little progress indicator and the placement of the button. or even if anyone could point me towards some sort of…
peos
  • 83
  • 1
  • 1
  • 5
0
votes
2 answers

How can I disable/remove upper right corner "x" from a Foundation Joyride?

Edit 7/16/15: I ended up using this between the
  • tags of the joyride I needed the "x" disabled on. Not the most clean solution but does what i need. Original Post Documentation is here If you…
    • Addy
    • 111
    • 1
    • 7
    0
    votes
    1 answer

    Zurb Foundation 5 Joyride Restart when cookie_monster true

    My Joyride works great. It starts after page load. It stops when one clicks the stop button or finishes the tour. My restart link restarts the joyride tour. Only... Adding the Joyride setting, cookie_monster: true prevents the tour restarting on…
    Douglas Lovell
    • 1,549
    • 17
    • 27
    0
    votes
    1 answer

    Is joyride responsive?

    I have recently started playing around with joyride. It is superb. However, I am having some major responsive issues. When I resize my browser, the tip position changes. For instance, when the original position is 'top' it suddenly changes to…
    Marfat
    • 143
    • 1
    • 1
    • 8
    0
    votes
    1 answer

    How to add a custom function in a jourde after a tour is closed?

    I am using Joyride tour for drupal using joyride drupal module . I wanted to implement a post callback functionality as given below in the code in the argument postRideCallback below How can I add a custom function below ? /* Setting your options to…
    harshal
    • 10,252
    • 3
    • 18
    • 23
    0
    votes
    0 answers

    Foundation Joyride issue in IE 10 - Highlighted button not visible

    I am using Foundation's joyride plugin, everything is working fine in chrome and ff, as usual ie is messing in some areas. I am highlighting a save button like after completing the form click this button to submit. But that button is not visible in…
    YasirAzgar
    • 1,385
    • 16
    • 15
    0
    votes
    0 answers

    Foundation Joyride issue in IE9

    I am using foundation's joyride plugin, everything is working fine in Chrome and FF, but in ie9 the highlighted element is clickable. Ex. I am highlighting a form's submit button like "When you are done, Click this Button to Register" when I click…
    YasirAzgar
    • 1,385
    • 16
    • 15
    0
    votes
    3 answers

    zurb foundation 5.4 joyride - control expose cover

    Can someone explain to me how to control the expose-cover for zurb foundation? If I understand correctly the expose-cover is the grey background overlay that shows up behind the joyride modal. I have a couple tips not bound to anything and then i…
    w--
    • 6,427
    • 12
    • 54
    • 92
    0
    votes
    2 answers

    How can I stop Joyride explicitly?

    I can start Joyride using $(document).foundation('joyride', 'start'); code without refreshing the page. However, is there any method except using the class="joyride-close-tip" to stop the joyride?
    Sujan
    • 1,542
    • 2
    • 22
    • 42
    0
    votes
    1 answer

    Zurb Joyride: start at index #, not working

    I have a working joyride, that will move through all of the steps, however I am in the process of adding a steps counter/navigation to it that will allow the user to (like a jquery gallery slider) move between tips on click of a li. My problem is…
    CTully12
    • 73
    • 1
    • 9
    1 2
    3
    4