Packaging onboard.js for Meteor.js.
If you're new to Meteor, here's what the excitement is all about - watch the first two minutes; you'll be hooked by 1:28.
That screencast is from 2012. In the meantime, Meteor has become a mature JavaScript-everywhere web development framework. Read more at Why Meteor.
To install the package, simply run
$ meteor add 416serg:onboard
In you template, first attach the onboard to the body or other wrapping element you'd like to mask:
var onboard = $("body").onboard();
Then attach the steps to the elements to highlight, using jquery selectors:
onboard.addStep("#hello", "This step says hello");
onboard.addStep("#world", "This step says world");
Or instantiate onboard with predefined steps:
var onboard = $("body").onboard({
steps: [{
selector: '#element1',
introduction: 'This is the first element'
},{
selector: '#element2',
introduction: 'This is the second element'
},{
....
}]
});
Then start the show!
onboard.start();
If you encounter an issue while using this package, please CC @416serg when you file it in this repo.
- Tests
- Tests ensuring correct event handling on template re-rendering