Quickstart

The Judopay Xamarin SDK supports a range of UI customisation options to allow you to match the payment screen appearance to your app's branding.

Configuring displayed text

var theme = new Theme
{
   PageTitle = "Enter card details"
   ButtonLabel = "Pay now"
   ShowSecurityMessage = true
};

Configuring colours

// ... initialise the SDK

var theme = new Theme
{
    ButtonBackgroundColor = Color.FromHex("#F0C559"),
    EntryTextColor = Color.White 
};
judo.Theme = theme;

var paymentPage = new PaymentPage(judo);

Configuring colours on Android

There are limitations on what colours can be set through the Theme property on Android. The following properties can only be customised through styles.xml:

• LabelActiveTextColor
• LabelInactiveTextColor
• PlaceholderTextColor
• ErrorTextColor

To customise these properties on Android, create a style in Resources/values/styles.xml in your Android project:

<style name="JudoTextInputLayout" parent="Widget.Design.TextInputLayout">
    <item name="android:textColorHint">#3AD958</item>
    <item name="colorError">#FF6060</item>
    <item name="colorControlNormal">#00FF00</item>
    <item name="colorControlActivated">#FF04FA</item>
</style>

For a list of all customisation options available, see the Theme reference