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.

Info
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.
          2. Info
          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
        4. Alert
        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.

Notes
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.
Notes
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.

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


    • Related Articles

    • 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 Apple Two-Factor Authentication Works

      Before You Begin Make sure to have each of the following ready- you'll be needing them as you proceed through the steps. Apple Device Personal Apple ID (Email Address currently on the Apple device) Password for this Apple ID Apple ID used for ...

    • How Announcements/News Items Work

      What's The Point? Facilities often need to communicate vital information about upcoming events or changes to procedure. Featured News provides a location for TapWyse app admins to craft custom messaging about whatever they deem appropriate, through a ...

    • How Pop-Up's Work

      What Are Pop-Ups? Pop-Ups are messages that display to the user when your app is opened and cover the entirety of the screen. They are dependent on the user performing a specific action, such as opening the Home Screen. Managing Pop-Ups Creating ...

    • How Push Messages Work

      This article will provide background on Push Messages and direct to several sub-articles on particular subjects regarding the TapWyse Manager. Some Background on Push Messages Push Messages appear on a phone's lock screen for users that have ...