Use the code below to had different aspects of the Reward Points feature from your App Users.

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 until you get to the Advanced SCSS box and paste the following code. If there is already code in the advanced SCSS box, do not remove it.  Start a new line “after” the last character in the box, then paste the code below.

/*** BEGIN: REWARD POINTS: HIDE COMPONENTS - 240603 ***/

/* Rewards Footer Buttons */

/* Hid All Footer Buttons */
/*.reward-points-view .reward-footer .btn-footer { display: none !important; } */

/* Hide Transfer Rewards Points & Purchase Reward Points Buttons */
ion-view[state="rewardpoints-home"] .reward-footer button[ng-click="transferRewardPoints()"],
ion-view[state="rewardpoints-home"] .reward-footer button[ng-click="purchaseRewardPoints()"] {
    display: none !important;
}

/* Hide Rewards Column */
ion-view[state="rewardpoints-home"] .reward-header .col.text-right { visibility: hidden; }

/* Hide Total Earnings Column */
ion-view[state="rewardpoints-home"] .reward-header .col.text-left { visibility: hidden; }
/*** END: REWARD POINTS: HIDE COMPONENTS - 240603 ***/

4) Click Save.

IMPORTANT NOTE:  In the code, use “display: none” to remove a component and “visibility: hidden;” to hide it.