How to Edit the App Colors & Icon Shapes

How to Edit the App Colors & Icon Shapes

Community Set Up -

Info
Editing the Colors and Icons through the Community Set Up button will change ALL of the icons 
Click the 3 "dots" next to an individual category in order to edit individual categories.

Click Community Set Up Button from the Administrative Bar on the Homescreen of the Admin Console
  • Community Contact information can be edited within the "Community Information" bar
    • Address, Contact Phone, Website
    • For apps that include distances, all mileage will be calculated based on this address.  
    • Notes
      Example:  Local services, dining, attractions, etc.
      Community Contact information can be edited within the "Community Information" bar
    • Colors can be edited within the "App Design" bar within Community Set Up
      • Background Color: The main background color of the app
      • Primary Color: Secondary color - header bar
      • Accent Color: Color for any buttons or tabs throughout the app
      • Text Highlight Color: Color for all url links or unread messages throughout the app

    • Icon Style: Icons can be changed within the "App Design" bar of Community Set Up
      • The shape around the icon

    Alert
    HEADER IMAGE - NOTE that this feature was updated 1/25/2022.  Please disregard if Admin Console has already been updated.
    • If you had your mobile app prior to January 2022, the "Header Image Button" will still appear with the current Header image.
    • To update your Header Image, click "Header" on the right side of the screen to add single or multiple header images.  Videos can also be displayed.
    • For more information, search, Updating Header Images within the Help Console.
    • Drawer Logo Image:  Image can be changed within the "App Design" bar of Community Set Up
      • Image that will appear in the upper left hand corner of your app with the community contact information.
      • This is visible by clicking on the "hamburger menu" or "3 lines" in the upper left hand corner.