Theme Builder Settings

Theme Builder Settings

- “Content Padding”- the amount of space between items in the app . The number should be between 0-15. The lower the number, the less space. The higher the number, the more space. 

- “Corner Radius”- how sharp or round the edges of boxes are. The lower the number, the more square the edges. The higher the number, the more round the edges. 

- “Border Width”- how thick or thin the borders are. The higher the number, the thicker the border. The lower the number, the thinner. 

- “iOS Font”- the font that will show throughout the app on iOS devices. Click on the drop down arrow to view all the different font options available. Android devices use the individual’s chosen font.

- “Collapse Header”- If checked, when on the home screen of the app when scrolling down the newsfeed, the header at the top of the app will slide up and disappear.

- “Gradient App Background”: If checked, the background will have a 2 toned gradient look. “Colors” settings will appear underneath the “Background Overlay Color” option. This new option will be named “Background Overlay C. 2”. The “Background Overlay Color” is the color on top and the “Background Overlay C. 2” is the color the 1st color fades into. (Note: If the school’s logo is set as their background, on this setting the logo will not be seen well)

- “Gradient Content Background”- If checked, individual boxes with text in them will have a 2 toned gradient look. “Colors” settings will appear underneath the “Content Box Background” option. This new option will be named “Content Box Background 2”. “Content Box Background” is the color on top and the “Content Box Background 2” is the color the 1st color fades into. (Note: “Text” color may have to be altered to accommodate both colors.)

- “Gradient Menu Background”- If checked, the app menu will have a 2 toned gradient look. The “Colors” settings will appear under the “Menu Background” color option. This new option will be named “Menu Background 2”. The “Menu Background” will be the color on top and then the “Menu Background 2” will the color the 1st color fades into. (Note: The “Text” color may have to be altered to accommodate both colors.)

- “Fill Background”- If checked, the app background image will enlarge and fill up the entire screen. 

- “Show Sponsor Banner on Home Page”- If checked, the sponsor advertisement will show up at the bottom of the screen on the home screen. 

- “Use Grid Menu”- If checked,, all of the menu options are shown in a grid format. “Grid Settings” will appear under the “Colors” settings box. 

- “Grid Menu Item Outline” changes the borders around each item.

- “Grid Menu Item Background” changes the background color of each tile. 

- “Grid Menu Item Icon Tint” changes the color of the icons and text of each tile. 

- “Grid Menu Indicator Tint” changes the color of the small circles at the bottom that indicate which page of the menu is active

- “Grid Menu Column” changes how many tiles are shown vertically. 

- “Grid Menu Rows” changes how many tile options are in each row. 

- “Grid Menu Spacing” is the amount of space between each tile. The higher the number, the more space. The lower the number, the closer the tiles are together.

- “Vertical Grid” if checked, the app user scrolls up and down to view pages. If unchecked, users scroll left to right.  

 

Click “Save” button on the right hand side of the screen to save changes.
    • Related Articles

    • Theme Builder

      Click "App Builder" Click “Theme Builder” tab “Live Preview” can be used to view changes in real time. To change a color: Click on box under the item  Select the color 
    • App Builder: Theme Builder

      Newsfeed View Colors Newsfeed View Settings Colors/Settings Colors/Settings Colors/Settings Colors/Settings Grid Settings Gradient App & Gradient Content Background Gradient Menu Background Colors Descriptions Settings and Grid Settings Descriptions
    • Menu Builder

      Click "App Builder" Click on “Menu Builder” tab View a virtual phone of current settings
    • Slideshow Builder

      Click "App Builder" Click "Slideshow Builder" Tab “Ticking text (optional)”- Type a message to scroll under the header in the app “URL to open (optional)”- Add a link “Show for (x) seconds- Controls how long each image shows on the screen before ...
    • Deleting a Header from Slideshow Builder

      Click "App Builder" Click "Slideshow Builder" tab Click the header. Click “Delete”  Click “Save”