O'Reilly logo

Ionic Cookbook by Hoc Phan

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Creating an introduction screen with a custom header

Every app has a different onboarding experience. Some will show a short video, while others walk the users through a few introduction slides. Creating slides is useful because you can pitch initial key messages to set an expectation for users. Also, they can move between slides at their own pace. Most apps will have three to five slides for an introduction screen.

In this recipe, you will learn how to create a three-slide intro screen using <ion-slide-box>, which is an Ionic directive that is used to create horizontal slides. In addition to this, you will incorporate ngStorage to detect whether the user has seen the introduction or not. This is useful when you don't want users to keep seeing ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required