App Icon, Splash Page, and Background Images

App Icon, Splash Page, and Background Images

App Icon

See below for a description on how the app icon is used based on your app plan.

Premium Event App: If you have a native app, you can add your own app icon through the Admin Portal to appear under the Apple App Store and Google Play listings. The app icon will also appear on user’s device home screen after download.

Standard Event App: This icon will display next to your event listing in the ConferenceBeat Event App. Users can also add the HMTL5 (web) app to their device’s home screen, which is where the app icon will display. 

Basic App: This icon will display next to your event listing in the ConferenceBeat Event App Users can add this icon to their device’s home screen for the HMTL5 (web) app.

Membership/Unlimited Events App: The app icon uploaded under your specific event will appear within the Events listing of your app.

To add your app icon, click the tab titled Icon. From here you can upload your new icon. Below is an example of this screen.

 

Info
The required format for the app icon is jpg or png. Maximum file size is 10 MB.

 

Splash Screen

At the customer and event context level under Branding, you have the ability to add a splash screen to your app. The splash screen is a full-screen graphic that welcomes app users to your app. The screen appears for just a few seconds while the app loads then transitions into the app’s homepage.

Alert
Note: splash page is not included in the Basic app plan

To get started, click the tab labeled Splash Screen under branding. An example of this screen is below with further details.

Premium Event App clients (client branded app in App Stores), are required to upload a splash image.

Standard Event App clients (client branded event listed in the ConferenceBeat native app) have the option to upload a portrait splash screen.

Below are the required size requirements of each: 

  • Portrait splash screen: 2048 pixels wide by 2732 pixels high
  • Landscape splash screen: 2732 pixels wide by 2048 pixels high
  • The maximum size for each splash screen image is 10 MB and must be in png or jpg format.

If you have any questions about the size requirements of your splash screen images, please contact support@resultsathand.com.

Info
Portrait Splash image should be 2048 pixels wide by 2732 pixels high

Fitting your Splash Screen Image

Once you upload your image, you will see additional settings at the bottom of the screen.

If your image dimensions don’t match the app size requirements exactly, you have two options under the How to best fit your image section:

  • Stretch my image to fit: If your image is very close to the size dimension, stretch may be the best option. This option may distort your image but will only render your image on the screen without any screen fill color.
  • Only scale my image and use a fill color: Your image will be scaled based on current ratios and the surrounding screen area will be filled with a background color of your choosing (see below).
  • Fill Color: Fill color is needed for scaled images (NOT stretched). Place your cursor in the text box to active the color picker or type in your color code directly.

Once you have decided your splash screen display settings, click the Upload button to save.

To add a Landscape image, click on the "Landscape" tab. Landscape image size should be 2732 pixels wide by 2048 pixels high.

 

 

Click on the "other settings" tab to adjust the speed of the android image (apple can not be edited) and select if you want the splash page to display on the web version of the app.

Background Image

Your app also has the option to have a background image. This can be a graphic or color. 


Alert
Important notes:
  1. If you are using a logo as a background, be sure to keep it as opaque as possible.
  2. If you are using a dark background image, consider using a disk under your icon (see navigation settings)
  3. Be sure to check all sections of the app to ensure the content is visible.

Below is an example of the Background Image screen with further details.

 

  1. Select your background settings. 
  2. Select the file and click Upload to add your background image to the app.
  3. Click Upload at the bottom to add the image and save your changes
Idea
We recommend testing your background image on various screens at different opacity levels to ensure the best look
.


    • Related Articles

    • Color Scheme

      Color Scheme Select your app color scheme to splash your branding throughout the app. We recommend playing with this section and testing your app on the front to ensure the best look. The images in this section will provide examples of how this is ...

    • How to add Animated GIFs to your Branding

      Go to Branding > Header Rotators > Add Rotator > Basic. Once the basic information in entered, you must first update the settings on the advanced screen before adding your animated header/footer, see instructions below. Click on the Header tab to add ...

    • Color Scheme Help Guide

      Color Schemes In the admin portal under Branding -> Color Schemes, you can personalize your app with colors to match the other branding at your event. There are 3 types of color schemes: Primary, Secondary, and Tertiary. The following shows what is ...

    • Header and Footer Rotators

      Header Rotators Header rotators appear at the top of your app. Most commonly, they introduce the app or event. After you click Branding, the first screen you will be taken to is your app’s header rotators. To get to Footer Rotators, simply click the ...

    • 2. Build your Event App

      Build Your Event App As an app administrator, you have access to the Results at Hand CMS Admin Portal to maintain your app. This guide will provide step-by-step instructions to building your event app with our Admin Portal software. If this is your ...