Reward Screen

Written By Devin O'Neill ()

Updated at April 9th, 2025

Summary

This screen allows you to add text and color to reward screen’s header, subheader, no data text etc.

Screen Header

  • Header Text: Enter the title for the tag and select the tag to be displayed. In the below image, point 1 indicates the header text, i.e., AVAILABLE POINTS.
  • Color for Header Text: Add color to the header text.
  • Color for Tag Value: Add color to the tag selected. In the below image, point 2 indicates the tag value, which is in pink.

Screen Subheader

If you select Yes, then the below field will appear.

  1. Subheader Text: Enter text to be displayed.
  2. Color for Subheader Text: Add color to the text.

No Data Text

  • Available Rewards
  1. No Data Text: Enter the text to be displayed when the available rewards tab has no data.
  2. Color For No Data Text: Add some color to the text.

In the below image, point number 1 indicates the no data text and its color is black.

  • Claim Rewards
  1. No Data Text: Enter the text to be displayed when the claim rewards tab has no data.
  2. Color For No Data Text: Add some color to the text.

Tab Selection

  • Selected Tab Background Color: Set a background color for the selected tab. In the below image, point number 1 indicates the selected tab background color, i.e. pink.
  • Selected Tab Text Color: Set a text color for the selected tab. In the below image, point number 2 indicates the selected tab text and its color is white.
  • Deselected Tab Background Color: Set a background color for the unselected tab. In the below image, point number 3 indicates the tab background color, i.e., white.
  • Deselected Tab Text Color: Set the text color for the tab that is not selected. In the below image, point number 4 indicates the deselected tab text color, i.e. pink.

Reward List

  • Reward Name Text Color: Add color for the name of the reward coupon and product. In the below image, point number 1 indicates the reward name text color, i.e., black.
  • Type of Rewards: Select the type of reward you want to display. In the below image, point number 2 indicates the type of reward, i.e., Coupon type. You have two types of rewards, like Product and Coupon.
  • If you select the Type of Rewards as Coupon, then the following parameters will be displayed:
    1. Claim Text Color: Add color to the claim text.
    2. Reward Code Text Color: Add color to the Reward code text.
    3. Claimed Reward Coupon Code Text Color: Add color to the claimed reward coupon code text.
  • If you select "Type of Rewards" as a Product, the following parameters will be displayed:
    1. Points Required Color: Add color for the points required.
    2. Redeem Button Text: Add color for the redeem button text.
    3. Redeem Button Active Text Color: Add color to the redeem button text when it is active.
    4. Redeem Button Active Color: Add color to the redeem button when it is active.
    5. Redeem Button Inactive Text Color: Add color to the redeem button text when it is inactive.
    6. Redeem Button Inactive Color: Add color to the redeem button when it is inactive.
    7. View Product Text: Enter the text to be displayed for viewing product information.
    8. View Product Text Color: Add a color to indicate which product should be displayed.