I was thinking this demo code would be at https://github.com/driftyco/ionic-intro . However, that code is the pets example. Is this Swipeable User Intro Tutorial Code available on Github?
This should be added in a place where everyone can find it easily. Really nice and helpful post. I will be implementing it in my next project. Awesome.
I can’t seem to get the CSS file loaded no matter what I do. I can verify that the CSS is compiled and loaded as part of my sass build. However the page looks all jumbled up. I have attached a screenshot below:
am looking to implement the slide-box, but slides up or down as opposed to side ways, that is users get a new box each time they swipe down or up, is that possible, or should i write a new directive to handle that, please help
In my App the Intro works fine. Thx! BUT if I want to show the intro only the first time the app starts, the call of startApp() needs to be scope.startApp i think. Without scope it doesn´t work for me.
// Check if the user already did the tutorial and skip it if so
if(window.localStorage['didTutorial'] === "true") {
// startApp(); // does not work
$scope.startApp(); // does work!
return;
}
One change I made for performance was to check the flag in the StateProvider and only load up the tutorial if it needed to be shown, as opposed to loading it up and redirecting 95% of the time. This is a bit quicker and eliminates the flicker.
//first screen - check if they need to see the tutorial
if (window.localStorage['didTutorial'] === "true") {
$urlRouterProvider.otherwise('/app/tabs/gamesMap');
} else {
$urlRouterProvider.otherwise('/tutorial');
}
If you build the app and ran it on android, will the intro run again if you open the app the second time?
I think the purpose of the intro is to run only once and if need be, there would be a button for it if you want to look at the intro again.
The sample seeed project is a pets template… and doesn’t have any slide info…
I wanted to see a completed build of this so i can pull it apart and see how it works, instead it has 3 pages of info in a code pen that i’m unsure how to implement into a pets template or a tabs template?
has anyone got a completed set of files while i can build and obtain the results thats the demo displays?
And in fact there is a page called ‘examples’ (not ‘demos’) which can be found here: http://ionicframework.com/examples/
and which just points to the Codepens …