Intro Page

Your app comes with an intro page, you can find it under Custom Pages => Intro.

This introduction can show anything you want, there are 3 slides and a button as an example. This intro will only show the first time an app user opens the app, it saves an item in browser storage to keep track of this.

You can hide this item in the menu if you don't want it to show, by adding a class of "hide." You must also leave the navigation label as "Intro" for it to function properly.

The button at the end of the slides can direct a user to any page in your app. If you want to link to a side menu item, use this code:

<button ion-button large (click)="openPage(pages.menus.items[0])">
    Get Started
    <ion-icon name="arrow-forward"></ion-icon>
  </button>

You'll notice the openPage function, that's what changes the button click. The number is the index of the menu item, starting with 0. For example, the second item in your menu is [1].  This index counts hidden items.

For tab menus, you can use back() to get to the tabs page, like this:

<button ion-button large (click)="back()">
    Get Started
    <ion-icon name="arrow-forward"></ion-icon>
  </button>

To link to a tabs page, use:

<button ion-button large (click)="pushPage(pages.tab_menu.items[2])">
    Get Started
    <ion-icon name="arrow-forward"></ion-icon>
  </button>

You must use pages.tab_menu.items for tab menus, if you have both a side and tab menu, both ways described here will work. The pushPage() function opens a page with a back button, openPage() changes the page with no back button.

To change icons, you can look at the Ionicons names here, or you can delete the icon and use an image instead.