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
6
votes
1 answer

how to use react joyride in multiple pages

Is there a way of creating a react-joyride tour in multiple pages.so my index.js file looks like below? I added react-joyride in index page because all components run through the index.js file. class IndexApp extends Component { constructor(props)…
Imantha Visal
  • 63
  • 8
6
votes
2 answers

Zurb's Foundation 'Joyride': how to start/programmatically

I'm using Foundation 4 Joyride plugin but I need it to start (and re-start) once a user clicks a certain button on my UI, but I'm not being able to do so. By following the code presented on Zurb's site I'm only able to run it when the site first…
Draconar
  • 1,147
  • 1
  • 17
  • 36
4
votes
1 answer

Foundation 5 - Joyride not working

I'm struggling to get Joyride to work. I have entered the code as described on the Zurb documentation but it simply won't run. I need some advice on what I might be doing wrong.
    …
Yanayaya
  • 2,044
  • 5
  • 30
  • 67
4
votes
1 answer

Joyride - while cookie_monster: true nothing works

Working with Foundation is really easy but I cannot figure out what to do in this case. I have dig a lot through Google I tested about 6 different approaches how to launch joyride only once, at first visit on my page. Outcome of this approaches were…
user2795540
4
votes
4 answers

Check whether ancestor of element is fixed

I've got a website that has a fixed navbar, and I want to use Zurb Joyride to attach tips to elements in the navbar. The problem is that when the page scrolls, the navbar stays put but the tooltips don't. I tried attaching the tooltips to elements…
acjay
  • 34,571
  • 6
  • 57
  • 100
3
votes
1 answer

Can't add ng-disabled directive ngJoyride

I need to add in the "nextBtn" the ng-disabled directive because that button need to stay disabled until a condition is true. Is it possible? The same thing is for ng-if or ng-class. I can't use them in the template and i don't know why.. This is my…
Chris Zamperetti
  • 31
  • 3
3
votes
1 answer

Use for Foundation Joyride tip_location_patterns option?

I'm playing around with Zurb's Foundation Joyride plugin and looking through the possible options. I've gotten some working but have no idea what one of the options does. tip_location_patterns: { top: ['bottom'], bottom: [], // bottom…
user2137180
  • 35
  • 4
2
votes
0 answers

React-Joyride tutorial start and stop with Context?

I am making a react-joyride tutorial for my create-react-app. My goal is to build a tutorial to start and stop periodically, as the user progresses through the site. This means the tutorial will turn on and off with certain user behavior (changing…
Izzi
  • 2,184
  • 1
  • 16
  • 26
2
votes
0 answers

jQuery Joyride function options not working like they should

I am using Joyride and I am trying to have a function fire before it starts, after the first step, and then after it is over. I thought that this is how I should achieve this: $("#ic-instructions").joyride({ pre_ride_callback : joyRideDim(), …
Lukas Conant
  • 45
  • 1
  • 5
2
votes
2 answers

jQuery Joyride does not scroll properly within scrollable

I have a page which has content wrapped within a scrollable DIV element (using CSS overflow: auto;). When I integrate Joyride plugin to tour the elements within the DIV it does not correctly scroll to the respective position in the DIV. Instead it…
Lasantha Samarakoon
  • 91
  • 6
2
votes
2 answers

using foundation 5 joyride with tabs

Is there a way to switch tabs with foundation 5 Joyride? I have foundation tabs on the page and want Joyride to point elements on different tabs.
Rio
  • 35
  • 8
2
votes
2 answers

How can I use Zurb Foundation's Joyride post_ride_callback, but only when the user completes the tour?

I am using Rails, and I have Joyride set up, and the callbacks work, but I want to adjust it so that it only executes the post_ride_callback when the user completes the tour, not when they cancel it in the middle. According to their docs, it seems…
jackerman09
  • 2,492
  • 5
  • 29
  • 46
2
votes
2 answers

Foundation joyride start only on first load isuue

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? i refer the question Foundation joyride start only on first load . but not working. My…
neel
  • 5,123
  • 12
  • 47
  • 67
2
votes
1 answer

Zurb Joyride not following defined order

Please review my Sample Fiddle... When it initiates, it starts with the First Stop, and moves onto the Second and Third Stops. When it's ready to move onto the Fourth Stop, it skips and immediately jumps to a modal. Everything is setup the way the…
Millhorn
  • 2,953
  • 7
  • 39
  • 77
2
votes
4 answers

how to configure foundation joyride plugin callbacks

I'm using foundation 4.3.1. This is my code: $(document).foundation('joyride', { postRideCallback: function () { alert('test') } }); $(document).foundation('joyride','start'); I can't seem to get it to alert('test') It goes through…
phazei
  • 5,323
  • 5
  • 42
  • 46
1
2 3 4