Tag: change

Home Documentation change
How do I change the color of the icons (send & camera) in the Chat feature?

Use the code below to change the color of the camera and send icons in the Chat feature. 1) Log into your App Manager and select your app. 2) Click Colors from the left-hand-side of the screen (or the middle of the screen). 3) Scroll down to the Advanced SCSS box. If there is already code in the advanced SCSS box, do not remove it. 
+ Read More

How do I change the background color of the radio player?

Follow the instructions below to change the default background color of the Radio player in your app. 1) Log into your App Manager and select your app. 2) Click Colors from the left-hand-side of the screen (or the middle of the screen). 3) Scroll down to the Advanced SCSS box. If there is already code in the advanced SCSS box, do not remove it.  Start
+ Read More

How do I select the screen orientation for my app?

Follow the instructions below to select the screen orientation(s) that you want to use for your Android and/or iOS app (including  iPads).   1) Log into your App Manager and select your app. 2) Click Settings then Advanced from the left-hand-side of the screen. 3) Scroll down to the section that says iPhone & iPad & Android Orientation. 4) Check
+ Read More

How do I change the icon color of the Menu Icons in the MobileCart feature?

Use the code below to change the icon color of the Main Menu in the MobileCart feature:   1) Log into your App Manager and select your app. 2) Click Colors from the left-hand-side of the screen (or the middle of the screen). 3) Scroll down to the Advanced SCSS box. If there is already code in the advanced SCSS box, do not
+ Read More

Change the width/height of category select field in the Catalog (Menu) feature.

Use the code below to edit the width and/or height of the category select field in the Catalog (Menu) feature.   1) Log into your App Manager and select your app. 2) Click Colors from the left-hand-side of the screen (or the middle of the screen). 3) Scroll down to the Advanced SCSS box. If there is already code in the advanced SCSS
+ Read More

How to remove shadow effect from Layout Farah?

The code below to customize the Page Title when utilizing Layout Farah.   1) Log into your App Manager and select your app. 2) Click Colors from the left-hand-side of the screen (or the middle of the screen). 3) Scroll down to the Advanced SCSS box.   //Begin remove layout farah shadow .layout.layout_farah .farah_item:before { content: normal !important; } //End remove layout
+ Read More

How do I customize the Page Title of Layout Rapi?

The code below to customize the Page Title when utilizing Layout Rapi.   1) Log into your App Manager and select your app. 2) Click Colors from the left-hand-side of the screen (or the middle of the screen). 3) Scroll down to the Advanced SCSS box.   //Begin customize layout rapi page title .layout.layout_rapi .rapi_title { font-size: 35px !important; text-align: center !important;
+ Read More

Change the iCal icon of the Events feature.

The code below will enable you to change the iCal icon in the event list, and details view of the Events feature:   1) Log into your App Manager and select your app. 2) Click Colors from the left-hand-side of the screen (or the middle of the screen). 3) Scroll down to the Advanced SCSS box.   If you already have code in
+ Read More

Adjust the height of the menu in Layout 1.

Use the instructions below to adjust the menu height of Layout 1.   BEFORE   AFTER   1) Log into your App Manager and select your app. 2) Click Colors from the left-hand-side of the screen (or the middle of the screen). 3) Scroll down to the Advanced SCSS box.  If there is already code in the box do not delete it! 
+ Read More

Customize the background color or use an image of the list items in a Folder.

Use the code below to change the background color or use an image of the lists that are in folders:   1) Log into your App Manager and select your app. 2) Click Colors from the left-hand-side of the screen (or the middle of the screen). 3) Scroll down to the Advanced SCSS box and enter the following code:   Change the background
+ Read More