Overview
This article provides general information regarding the Cardiff release.
Information
With our Cardiff release, you may have noticed some changes and adjustments to previous design settings. Use the information below to navigate our newly laid out Design Step.
Note: UI (User Interface) refers to the graphic design element of the product. This is a common term in the industry and is usually associated with UX (User Experience).
Home Screen
Feature |
Description |
Home screen layout |
Slide Out Menu, Grid Menu, Scrolling Menu, or Tab Bar Menu.
|
Background color |
This is the base color for the Home screen, below your image. If you do not have an image assigned, this color will appear. |
Branding |
|
Homescreen Background |
This image will appear on the Home screen. |
Carousel Images |
|
Sliding View |
This feature enables List or Grid view for your Menu, and it is available with Slide Out Menu. |
Menu Hint Text |
|
Additional Buttons: Call Us, Directions, and Share |
|
Shortcuts |
|
Show Navigation Width |
|
Navigation Tabs |
|
Note: The availability of some features and settings will depend on the Home screen layout.
Navigation
Feature |
Description |
Icon Color |
This color controls the feature icon that appears on the Menu of the app. |
Menu Text & Background Color |
Note: If you are using the Tab Bar Menu layout, the Menu Background Color will pull from More Feature under Build. Navigate to Build > More Menu > Custom Design > Panels & Dividers colors. |
Home Screen Shortcut Color | Use this setting to adjust the color of Home screen shortcut (three line icon). |
Button Text |
Use this setting to enable or disable the text (feature name) that appears on the Menu button. |
Button Icon |
Use this setting to enable or disable the icon that appears next to the feature on the menu. |
Icon background image |
|
Global Styling
Feature |
Description |
Main App Color | This is the primary color for your app and will appear throughout the design and in your promotional materials. |
UI Bar Background Color |
|
UI Bar Text Color |
This color will be used for text appearing in the header for each feature. |
Main Text Color |
The primary color that will be used for all text throughout the app. |
Background Color | The primary background color that will appear throughout your app. |
Font and Font Weight |
|
Global Background Image | This image will appear as the global background for all features. |
Header Background Image |
|
Note: All settings under the Global Styling section will apply to all the features throughout your app. If you wish to create a custom design for one of your features, use the Custom Design Area option under the Build section.
Comments
0 comments
Article is closed for comments.