How The Home Screen and Side Menu Works

How The Home Screen And Side Menu Work (App Navigation)

This article will provide detail on the App Navigation portion of a Gallus Golf 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 Gallus Golf 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.

Tutorial Video


Editing The Home Screen & Side Menu

Step 1: Creating A Button

  1. Log into your Gallus Admin Dashboard.
  2. On the Quick Start page, click Setup 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. News Item

          2. Leaderboard

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


      3. Custom Page
        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 Custom Page?



Custom Pages 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 Web URL. Insert the following:

      1. Image
      2. Button Label
      3. Description
      4. URL
  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 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. DONE! Move on to the next and final step.

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 Gallus Admin Dashboard.

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


  3. 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 Gallus Admin Dashboard.
  2. On the Quick Start page, click Setup App Navigation.

  3. On the ensuing page, hover over the item on the left-hand side of the screen and click the pencil icon that appears.
    1. Iā€™m 
  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.

Uploading A New Background Image

  1. Log into your Gallus Admin Dashboard.
  2. Navigate to the Theme page by clicking Basic Setup (left side of the page) --> Theme.
  3. Next to Background Image click Choose File, then select your image.

  4. Click Update. (The preview on the right and at the bottom of the page should change automatically.)
  5. If you're happy with the preview, send an email to support@gallusgolf.com stating the name of your app and that you'd like to update the background image.

An update needs to be submitted by the Gallus Golf team for a background image change. Make sure to notify us so we can get the 4-7 day approval process started.

Updating Layout From Tiles To Background Image

  1. Log into your Gallus Admin Dashboard.
  2. Navigate to the Theme page by clicking Basic Setup (left side of the page) --> Theme.
  3. Scroll to the bottom of the page and click Background Image, then Update.


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 Gallus 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 Gallus Admin Dashboard.
  2. Navigate to the Theme page by clicking Basic Setup (left side of the page) --> Theme.
  3. Scroll to the bottom of the page and click Tiles, then Update.


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

    • Related Articles

    • Pro Tips Webinar Episode 5: Home Screen

      Description Your app's home screen has the basics, but how can you take it over the top? This webinar outlines some of the more creative uses of our outbound link technology to help you become a Gallus marketing wizard. Video Download The Slideshow ...
    • How Featured News Works

      The Gallus app has a News center that enables admins to add News items as their season progresses. This article will detail what News items are and how they can be set up. User Experience User Tutorial ​ What Do News Items Look Like in the App? News ...
    • How The View Only Menu Works

      This article will outline the process of adding a view-only menu to your Gallus Golf mobile app. Before You Begin Make sure to have a basic understanding of the three options for a food & beverage menu by reading our How Food & Beverage Works ...
    • How App Theme 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 Gallus Admin Dashboard to update the overall look and feel of their mobile ...
    • Adding The Staff Loyalty Portal To Your App's Side Menu

      Before You Begin Make sure you have an adequate understanding of Loyalty Programs by reading our How Loyalty Programs Work article. This article will outline the steps to add a button to your app designed specifically for staff members to give out ...