Comments (9)
I've done it this way at the moment:
Session.set('tutorialEnabled', true); Template.hello.helpers({ tutorialEnabled: function(){ return Session.get('tutorialEnabled') } }); Template.hello.options = { steps: tutorialSteps, onFinish: function(){ Session.set('tutorialEnabled', false) } }
looks hacky to me. any suggestion? the demo is here > http://testtut.meteor.com/
from meteor-tutorials.
Hi @geekyme,
Thanks for reminding me about not publishing the version with the finish button. I put it on Meteorite and updated the documentation as well.
What you did doesn't seem too hacky to me. If the tutorial is on top of an expensively rendered page, you will probably want to make sure that the page doesn't get re-rendered when the tutorial disappears (will be a non-issue with Meteor UI.) What you did also works if you want the tutorial to be turned back on.
Your demo is very helpful and I have linked to it. Would you mind improving a bit i.e. by adding a container around the content so that it is centered, and making things display as block so it's more obvious that you can highlight specific regions?
from meteor-tutorials.
Ok @mizzao I've adjusted the demo and also pushed my code here >> https://github.com/geekyme/testtut
Hope its good. Thanks :)
from meteor-tutorials.
@geekyme Wow, that is nice! Thank you very much for putting that together!
from meteor-tutorials.
Hey @geekyme, I'm thinking of merging your demo app as a subdirectory of the tutorials app, as I have done with my other meteor packages (user-status, autocomplete, and sharejs) and which has helped greatly for testing new features.
Once I do that, you can fork this project directly and edit both the source and the demo app, and you can delete that repo. Having everything in one repo will make it easier for people to fork and try out modifications. Does this sound good to you?
from meteor-tutorials.
yeah just do that. I think i have the repository here > https://github.com/geekyme/testtut
How do i merge my repo into yours?
from meteor-tutorials.
I've merged your repo as a subdirectory of tutorials using the method in http://stackoverflow.com/a/614254/586086 (2ca655d). You can delete your repo now, if you want. To make future changes you should just fork the tutorials repo and send a PR - or I can just give you commit access, if you want.
I'm in the process of making this work for Blaze and will update your example as well if any changes are needed.
from meteor-tutorials.
Ok cool thanks Andrew !
Sent from my iPhone
On 2 Apr, 2014, at 6:00 am, "Andrew Mao" [email protected] wrote:
I've merged your repo as a subdirectory of tutorials using the method in http://stackoverflow.com/a/614254/586086. You can delete your repo now, if you want. To make future changes you should just fork the tutorials repo and send a PR - or I can just give you commit access, if you want.
I'm in the process of making this work for Blaze and will update your example as well if any changes are needed.
—
Reply to this email directly or view it on GitHub.
from meteor-tutorials.
This works for Blaze now, and I've updated your tutorial accordingly. I've also added in an example of the new EventEmitter
functionality.
from meteor-tutorials.
Related Issues (14)
- Demo? HOT 3
- Customizing "drag to reposition"
- Auto continue after event HOT 3
- spotlight animates to left corner when no spot is set for tutorial step
- Template error: check is not defined HOT 4
- Doesn't display properly on Safari browser HOT 3
- onLoad () animation trigger?
- fs.exists is not a function HOT 3
- Bootstrap 3 compatible? HOT 12
- i18n and "skip tutorial" HOT 2
- bump version #? HOT 3
- hardcoded modal width too large for mobile phones HOT 2
- Question: can I use this with other bootstrap package ? HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from meteor-tutorials.