Custom Design Area

Last Updated: Apr 28, 2017 04:42PM PDT
The Custom Design section appears within the Build step of the app dashboard under each feature (see screenshot). Here you can override the Global Design and utilize our custom design for each feature. For example, if you would like to assign a unique background image or adjust the color scheme for the Fan Wall feature, you would do so here.


How-To:
  • To begin creating your custom design just click Enable Custom Design. The design options will appear as below.




1. Navigation Buttons

Customize the button that appears next to your feature in list view.
  • Show Icon: Toggle on to display a feature icon.
  • Icon Color: Select the feature icon color.
  • Text Color: Select the Button Name text color.


2. Screen Styling

Customize the in-feature header, background, and style.
  • Choose Color Scheme: Choose from our modern color schemes. If you'd like to customize your colors on an individual basis, use the "Custom Color" settings to do so. 
  • Header Background: Click the icon to select the header Background Color, set the Image Overlay Opacity, and select or upload a header Background Image.
  • Header Text and Color: Select the feature header text color.
  • Header Text Shadow Color: Select the feature header text shadow color.
  • Screen Background: Click the icon to select the feature background image and enable/disable the Blur Effect. You can select or upload a Screen Background Image here.
  • Font: Select the font for the in-feature content.
  • List Color Theme: Select a color theme for the feature or customize each color setting individually below.
    • Section Name: Select the Bar and Text colors for the Section Name.
    • Odd Row: Select the Bar and Text colors for Odd Rows.
    • Even Row: Select the Bar and Text colors for Even Rows.
  • Button Text Color: Select the in-feature Button Text Color.
  • Button Background Color: Select the in-feature Button Background Color.

Once you've adjusted your settings as desired, click Save at the top to apply your custom design model. You can revert back to the Global Design at any point by clicking Use Global Design > Save