How App Navigation Works

How App Navigation Works

This article will provide detail on the App Navigation portion of a TapWyse mobile app, which includes setup for both the Home Screen and Side Menu.

What's The Point?

The Home Screen and Side Menu are the two most viewed pages in a mobile app, as users must first navigate to them before viewing any other page. It is vital to ensure all of the main functionalities of the app are quickly accessible in the spirit of providing a first-class user experience. Follow the instructions in this article to set up your Home Screen and Side Menu for success.

Looking to create custom content? Please view our How Pages Work article.

Editing The Home Screen & Side Menu

Step 1: Creating A Button

  1. Log into your TapWyse Admin Dashboard.
  2. On the Quick Start page, click Set Up App Navigation.

  3. At the top-left of the ensuing page, click the green +,

  4. Choose from the following:

      1. Link To An App Page 
        1. Direct the user to a predefined page in the app.
          1. Pages

          2. News Item

      2. Link To A URL 
        1. Direct the user to a webpage housed within an in-app browser.


      3. Custom Folder
        1. Direct the user to a second level of options before ultimately directing them to a page.
          1. This option is outlined in detail in the next section.

What's A Folder?

Folders are a second level of options to present to a user, which will direct them to an eventual destination within the app. To add one, follow the instructions in the previous section and proceed to the below:
  1. Add a Button Label and click Save.
  2. On the ensuing page, click the green + below the Custom Page title to add your first item.
  3. A box will appear with the same items outlined in the previous section. For this example, we'll add a link to a Page. Insert the following:

      1. Image (Optional)
      2. App Page
      3. Pages Item
        1. This field requires a Page to already have been created. If it hasn't yet, please complete the steps outlined in this article first.
      4. Button Label
      5. Description (Optional)
  4. Once satisfied, click Save at the bottom of the list.

  5. A preview appears on the right. Repeat steps 1-4 in this list as necessary.

Step 2: Adding Buttons To The Home Screen & Side Menu

Now that the button has been created, it's time to add it to the Home Screen and/or Side Menu. Follow these steps to do so:
  1. Find the button in the list on the left-hand side of the page.

  2. Click the Side Menu and/or Home Screen icon(s) to add them in the previews on the right.

  3. You're now ready to move on to the final step, outlined in the next section:

Step 3: Changing The Order Of Buttons

  1. Find the button in the preview on the right side of the screen.

  2. Click and hold before dragging and dropping to the correct position.

  3. DONE!

Hiding A Button

  1. Log into your TapWyse Admin Dashboard.
  2. On the Quick Start page, click Homescreen.
  3. On the ensuing page, hover over the item in the preview on the right (Home Screen or Side Menu) and click the trash can icon that appears.


  4. DONE! This item will remain in the list on the left and can be reenabled anytime by reclicking the Side Menu and/or Home Screen icons within its square.

Deleting A Button

Aside from using the above process to hide a button from view, admins may want to delete a created button entirely. Follow these steps to do so:
  1. Log into your TapWyse Admin Dashboard.
  2. On the Quick Start page, click Homescreen.
  3. On the ensuing page, hover over the item on the left-hand side of the screen and click the pencil icon that appears.

  4. A modal appears- click Delete in the bottom-left and confirm to fully remove the item from the dashboard.

Home Screen Layouts

When designing the Home Screen for your app, you must first decide between two layouts. They are as follows:

Option 1: Background Image


Option number one is a Background Image, which looks like the photo at the top of this article. It consists of one background image and buttons that have a grey background.

Updating Layout From Tiles To Background Image

  1. Log into your TapWyse Admin Dashboard.
  2. Navigate to the App Onboarding module by clicking Basic Setup (left side of the page) --> App Onboarding.

  3. Click Home Screen & Colors at the top of the screen.
  4. On the ensuing page, click the toggle marked Background Image and then Save.

This change will take place immediately in your app (no formal update submission is necessary).

Option 2: Tiles


Option number two is the Tiles layout, which has a background photo for each Home Screen button and a white background for the rest of the page.

Uploading Background Images For Buttons

  1. Log into your TapWyse Admin Dashboard.
  2. Click the tile marked Home Screen.
  3. Select the button you'd like to edit.
  4. On the ensuing page, click Change image.
  5. Either select a picture from the menu that appears or click Or, upload your own image, then select a photo from your computer.
  6. Click Save.
This process will change the picture for only the button you selected in step 3. This change does NOT require an update to be submitted.

Updating Layout From Background Image To Tiles

  1. Log into your TapWyse Admin Dashboard.
  2. Navigate to the App Onboarding module by clicking Basic Setup (left side of the page) --> App Onboarding.

  3. Click Home Screen & Colors at the top of the screen.
  4. On the ensuing page, click the toggle marked Tiles and then Save.

This change will take place immediately in your app (no formal update submission is necessary).


    • Related Articles

    • How Setup Files Works

      Before You Begin To ensure you have a basic understanding of adding buttons into your app, please make sure you have a basic understanding of adding content to your app by viewing our How App Navigation Works article. Step 1: Upload Your PDF to Setup ...

    • How Pages Work

      What's The Point? TapWyse seeks to provide a best-in-class experience for end users with integrated, native, and visually-pleasing apps. In order to accomplish this, app administrators need a way to set up the content of a page in their Admin ...

    • How The Simple Editor Works

      What's The Point? Content in an app often requires a high level of detail and customizability. Whether creating a promotional Pop-Up for a local sponsor, writing a News item for an upcoming event, or writing terms and conditions in a Reward, you'll ...

    • How App Onboarding Works

      What's The Point? Every brand has an identity, so it's vital that colors and logos remain consistent across all platforms. Gallus app admins have the ability to go into their TapWyse Admin Dashboard to update the overall look and feel of their mobile ...

    • How App Promotion Works

      Before You Begin Make sure your app has been properly set up and you are 100% ready to start rolling it out to your customers. Here are some items we recommend checking: Is the Home Screen set up properly? Are you planning on making a Food & Beverage ...