UI Customizations

The myPOS Mobile Checkout Android SDK provides a set of built-in UI components to help you create a seamless and secure checkout experience—without worrying about PCI compliance overhead.

These components can be customized to match your brand’s look and feel, giving you full control over color, text, and logos while retaining the SDK's built-in security features and smooth user experience.

Key Benefits

• Pre-built checkout UI with optional card storage and fraud prevention
• Easily brandable UI to match your app’s theme
• Minimized PCI scope — sensitive payment fields are handled by the SDK

Customization Options

1. Hide "Custom Name" Field (Card Storage) To hide the "Custom name" field when storing or using a card, pass this flag when launching StoreCardActivity or PurchaseActivity:

intent.putExtra(MyPos.INTENT_EXTRA_WITHOUT_CUSTOM_NAME, true);

2. Set a Custom Logo or Banner You can set a custom logo/banner in the top bar of the following screens:

• StoreCardActivity
• UpdateCardActivity
• PurchaseActivity

Add your image to the project resources and pass its ID in the intent:

intent.putExtra(MyPos.INTENT_EXTRA_CUSTOM_LOGO_RESOURCE, R.drawable.merchang_banner);

3. Customize Colors via Theme To update button and accent colors, extend the default theme:

<style name="AppTheme" parent="Theme.MyPOS">
    <item name="colorButtonNormal">#F68121</item>
    <item name="colorAccent">@android:color/white</item>
</style>

You can also define individual color overrides:

<color name="myposFocusedColor"       tools:override="true">#ffa500</color>
<color name="myposEditTextHintColor"  tools:override="true">#9c9c9c</color>
<color name="myposEditTextColor"      tools:override="true">#444444</color>
<color name="myposEdtTitleTextColor"  tools:override="true">#bbbbbb</color>
<color name="myposUnderlineColor"     tools:override="true">#bbbbbb</color>
<color name="myposButtonColor"        tools:override="true">#008000</color>

Customize these elements:

• Input field focus color
• Hint and input text color
• Field underline
• Button color

4. Customize Displayed Text You can change the activity titles and button labels by editing your theme:

<style name="AppTheme" parent="Theme.MyPos">
   <item name="activityTitle">@string/enter_card_details</item>
   <item name="buttonLabel">@string/pay_now</item>
</style>