How to Edit the App Colors & Icon Shapes - Community Set Up

How to Edit the App Colors & Icon Shapes - Community Set Up

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. 



      • Related Articles

      • Header Images / Videos

        Header image: These images can be a single image, multiple rotating images or a video and can be displayed throughout the app above submenus, detail listings and the Activity / Events calendars. How to update / add Header Images: Click the "Header" ...

      • Image Sizes - Icon and App Store Deployment Sizes

        REQUIRED IMAGES FOR APP STORE DEPLOYMENT App My Community will assist with development as well: App Phone Icon: 512 x 512 (Square) Google Play Store Featured Image: 1024 x 500 Notification Icon : 96 x 96 Silhouette (Armstrong Software to assist)

      • In App Payment Options & Set Up

        How to establish the Payment methods within the App for Store purchases / orders NOTE: Payment options within the Admin Console Credit Card Payment - *Requires Stripe Account Newbook Client - All charges can be billed to the Guest's site. E-Transfer ...

      • How to Add A New Category / Icon

        How to "Add Item" - How to Add a New Icon in the Admin Console: From the Homescreen or from a Submenu View: 1) Click Add Item 2) Choose the TYPE Type: How the information is displayed when a button or icon is clicked on. Add Item See the ...

      • How to Edit Individual Icons

        Admin Console Homescreen Editing Icons 1) There are 3 Dots next to each Icon within the Admin Console 2) Hover over the dots to view: Pencil: Edit the following: Name of category Icon Tab names (when applicable) Icon Color and Icon Style Editing ...