turkserver / meteor-tutorials Goto Github PK

This is super cool! Unfortunately I'm using Bootstrap3 and it looks like this reverts me back to bootstrap2 when I add the package. This might be a newbie question, but is it possible to get this to play nice with Bootstrap-3 styling?

I'm running into problems with the tour rendering before a template with an animation class (which throws off the spotlight and modal). Is there any support for triggering onLoad after an animation class has been completed? Or rather is there any support for making onLoad() reactive?

Hello!
When adding your package on atmosphere, it's still using version 0.6.3 (dated August 9th) and is consequently still dependent on "mrt:[email protected]".

Will bumping your version number resolve this?
Thanks!
-Jeff

That is what the demo app looks like on Safari. Page loads fine on Chrome though.

hello, nice package.

I've clone this package for usage directly in my app instead of using mrt since I notice the mrt version does not have the finish button yet.

Is there a way to bind the finish button to something that will terminate the tutorial?

I imagine users will also want to switch the tutorial on / off at will too.

For the first step in the tutorial I have no spot. The spotlight animates to the upper left corner and then disappears. It would be nice if the spotlight would disappear or fade out instead of moving.

Hi Mizzao,
First, thanks for your great package, I'm using it on gotlog.in (question mark in the nav bar) and it's great 👍
Now my questions 🎱
are you planning to integrate the mutli language with i18n ?
https://atmospherejs.com/tap/i18n

And also (I hate when people ask 2 questions in 1 issue ^^ ).
Is there a way in the tutorial to have the close button (x) on top right of the tutorial window ?

And also, the annimation was not displaying ok on smartphones so I forced the size and position. thanks for your "positioned" class :)

.positioned {
max-width: 350px;
left: 10px!important;
margin-left: 0!important;
}

I'm trying to test this out, but I get a backtrace too cryptic for me:

Exception in template helper: ReferenceError: check is not defined
    at new TutorialManager (http://localhost:3000/packages/mizzao_tutorials.js?a68228088a9e6c22c3b5ce3d3a61ef366a8020c7:306:5)
    at Object.Template.tutorial.helpers.tutorialManager (http://localhost:3000/packages/mizzao_tutorials.js?a68228088a9e6c22c3b5ce3d3a61ef366a8020c7:535:37)
    at http://localhost:3000/packages/blaze.js?695c7798b7f4eebed3f8ce0cbb17c21748ff8ba8:2994:16
    at http://localhost:3000/packages/blaze.js?695c7798b7f4eebed3f8ce0cbb17c21748ff8ba8:1658:16
    at http://localhost:3000/packages/blaze.js?695c7798b7f4eebed3f8ce0cbb17c21748ff8ba8:3046:66
    at Function.Template._withTemplateInstanceFunc (http://localhost:3000/packages/blaze.js?695c7798b7f4eebed3f8ce0cbb17c21748ff8ba8:3679:12)
    at http://localhost:3000/packages/blaze.js?695c7798b7f4eebed3f8ce0cbb17c21748ff8ba8:3045:27
    at Object.Spacebars.call (http://localhost:3000/packages/spacebars.js?3eafdd2d5d5d8f08431aa842df4b5e8142600b17:175:18)
    at Template.tutorial.Spacebars.With.HTML.DIV.class (http://localhost:3000/packages/mizzao_tutorials.js?a68228088a9e6c22c3b5ce3d3a61ef366a8020c7:40:22)
    at null.<anonymous> (http://localhost:3000/packages/spacebars.js?3eafdd2d5d5d8f08431aa842df4b5e8142600b17:267:18)

Looking around, this suggests that maybe it has to do with some kind of Meteor 1.2 change, but I really can't say for shure.

If it were, maybe adding check as a dependency in this API.use call may help solve the problem

For some parts of my tutorial, I would like it to continue to the next step after the event is emitted without the user clicking the next button.

Hi there - any way to customize the modal-footer buttons or drag to reposition text?

Thanks!

On smaller phones, the default modal stretches beyond the device width. I'll submit a PR to shrink it if (device width) < 560px

I would like to use this nice package in my project, but I don't want to include twbs:bootstrap because I am already using nemo64:bootstrap less. What would be the best way to accomplish this?

Could someone write up a quick demo and push it to Heroku or similar, just to demonstrate the functionality of this plugin?

Generally people will want to try something like this out before using it in their UI (for anything UI based).

Hi Andrew

I'm getting this error with Meteor 1.6.1

   While processing files with stylus (for target web.cordova):
   packages/mizzao:tutorials/tutorial.styl: Stylus compiler error: tutorial.styl:26:16
   22|   // Ideal value is above OpenLayers' controls of 1000+x, below bootstrap modal dialog of 1050
   23|   z-index: 1049
   24| 
   25| .modal-footer.compact
   26|   margin-top: 0
   ----------------------^
   27| 
   28| 
   
   fs.exists is not a function

Would love to use this package - have installed it with meteor add mizzao:tutorials, and also with just updating .meteor/packages directly. Still get the same error.

Have added example template

<template name="tutorial_step1">

and example js code

tutorialSteps = [
    {
      template: Template.tutorial_step1,
      onLoad: function() { console.log("The tutorial has started!"); }
    },
    {
      template: Template.tutorial_step2,
      spot: ".myElement, .otherElement",
      require: {
        event: "something-emitted",
        validator: function(args) {  }
      }
    }
  ];

but still get the error.

Have twbs:bootstrap installed, but using a custom bootstrap theme. Could that be the problem? I found every instance of z-index and remarked them out, but it still fails on fs.exists is not a function.

Thanks