CMS - Design
-
Tab Bar Menu Issue, Background Color is Only Displayed When Hovering
Overview When you apply a Menu Background Color it only displays when you are hovering over the icon or bar. This issue can happen in the Grid Menu and Tab Bar Menu Homescreen Layouts. In this example, the background color only appears when hover...
-
UI Bar Styling Changes Are Not Displayed
Overview You have set a background color for your app's UI Background Color, but the changes appear not to be saved because you see a different color in the Preview. Solution This issue occurs because there is a Header Background image set which ...
-
Tablet device not showing all grid menu buttons
Overview While previewing your app on your tablet device you were unable to see all the Grid Menu buttons you created while designing your app on the CMS side. This article explains why and how you can work around it. Diagnosis While browsing aro...
-
Unable to exit the Search mode
Overview You entered the Global Search mode, but you noticed you got stuck in this Search mode and you were unable to exit it and return to the previous menu. This article explains why this may occur and how you can work around it. Diagnosis You ...
-
Changing the main text color of your app
Overview You needed to change the main color of the text for your app so it can suit the rest of your app's look and feel. This article shows how you can change/adjust the main text color settings of yuor app on the Design page under the Global St...
-
Android PWA displays the main color of the app on the top bar
Overview Your PWA on Android when launched shows the main color of the app on the top bar. This article explains why this occurs and how you can change this color. Diagnosis You observed that when you launched your app the top bar screen (where y...
-
PWA Carousel image flickering transition on iOS
Overview You noticed that there is a flickering effect in the Carousel images transition on your Progressive Web App (PWA) on an iOS device. This article explains why this happens and how you can solve it by using different effects and minimizing ...
-
Changing the UI navigation bar color
Overview The UI navigation bar is placed on the top of your page. The buttons and text color (eg back button) are set in the Design page under the Global Styling tab. This color can be customized if you wish to adjust it according to the rest of y...
-
Hiding the settings gear icon
Overview The setting gear icon/button is located on the app homepage on the top right-hand corner. The gear icon color can be customized on the Design page under the Navigation tab so you can hide it from your app users. Diagnosis You needed to h...
-
PWA Design Looks Different on Desktop than on Previewer
Overview You may come across situations where you will get a different experience when accessing your Progressive Web Application (PWA) on your Desktop/Laptop workstation than the one you got when you used the App Previewer functionality. This art...
-
Design Menu Buttons and Shortcuts Are Not Visible
Overview You may come across situations where you are not able to see the Menu Buttons and Shortcuts you have created on the Design Homescreen Page. This article outlines why this occurs and how you can solve it. Diagnosis The user has created a ...
-
Homescreen Additional Buttons Are Not Showing
Overview You may come across situations where you are not able to see the Additional Buttons under the Homescreen options. Therefore you will not be able to enable the Call Us, Direction and Share buttons. This article outlines why this occurs an...
-
Error When Using 'Sign up with Twitter' or 'Share' Button
Overview Due to changes in Twitter, customers are unable to Share or use the Sign up with Twitter (during login) option from the app. This article provides information on the error and steps to replicate the issue, as well as updates regarding its...
-
Changing the Homescreen Icon Layout Using the Grid Menu
Overview You noticed that app icons seem larger or smaller when changing your homescreen background image having selected the Grid Menu. This article shows why this occurs and how you can solve it by changing the navigation layout through the Grid...
-
Unable to turn on "Location settings" and "Promote" sections within a child account
Overview As a child account, you cannot turn on Location Settings (for push notifications) and Promote (eg promotional kit and poster) Sections. This article explains why you cannot enable them and how you can work around it. Diagnosis As a c...
-
Adjusting Icon and Image Size/Dimension
Overview Adhering to the platform suggested app icon and image sizes/dimensions while keeping the file size low guarantees an enjoyable app user experience (images fit well to the screen). You may need to update your image/icon when: You found s...
-
Designing your App's Look and Feel
Overview You can create a dynamic design for your app's (iOS/Android/PWA) look and feel utilizing customizable display settings for your app's: homescreen (navigation buttons, desktop home button text, additional buttons, tabs, menu type, backgr...
-
Photoshop Tips: Transparent Carousel Images
Overview Transparent Carousel Images are a great way to add a custom look to your app. Rather than appearing full-screen, partially transparent carousel images only cover up a portion of your home screen. This article describes how to format them ...
-
Fixing Error "File is too big" While Updating App Icon
Overview While updating the App Icon, you may receive an error message File is too big (XX.XXMB). Max filesize: 4MB and the image won't be uploaded. The reason is related to the size of the file that you are uploading, it can't be greater than 4MB...
-
Overriding the Global Design for a specific App Feature via Custom Design
Overview You want to create a specific design for an app feature different from the Global Design which is used across the app. This article shows how you can achieve this by enabling the Custom Design functionality to override the Global Design. ...
-
Aspect Fill
Overview This article serves as a reference on Aspect Ratio, Aspect Fill, and its effect on the appearance of your app Information What is Aspect Ratio and Aspect Fill? Aspect Ratio The ratio of the width to the height of an image or screen. Fo...
-
Setting up Homescreen Background and Carousel Images
Overview The CMS platform gives the tools to create a customized app Homescreen design. You can upload your own custom designs or choose one of our templated background images. You can also use our rotating Carousel images that appear atop your Ho...