OPPCheckoutTheme

@interface OPPCheckoutTheme : NSObject

Class which used to visually style in-App payment pages by customizing colors and fonts. There are two ready to use styles. You can leave it as is or override some properties.

Designated initializer

Properties

General colors of the payment pages UI

  • Background color for any views in this theme.

    Declaration

    Objective-C

    @property (nonatomic) UIColor *_Nonnull primaryBackgroundColor;

    Swift

    var primaryBackgroundColor: UIColor { get set }

  • Text color for any important labels in a view.

    Declaration

    Objective-C

    @property (nonatomic) UIColor *_Nonnull primaryForegroundColor;

    Swift

    var primaryForegroundColor: UIColor { get set }

  • The color of the confirmation buttons.

    Declaration

    Objective-C

    @property (nonatomic) UIColor *_Nonnull confirmationButtonColor;

    Swift

    var confirmationButtonColor: UIColor { get set }

  • Accent color used for active elements (like text fields, switch element).

    Declaration

    Objective-C

    @property (nonatomic) UIColor *_Nonnull accentColor;

    Swift

    var accentColor: UIColor { get set }

  • Text color for confirmation buttons.

    Declaration

    Objective-C

    @property (nonatomic) UIColor *_Nonnull confirmationButtonTextColor;

    Swift

    var confirmationButtonTextColor: UIColor { get set }

  • Input field text color.

    Declaration

    Objective-C

    @property (nonatomic) UIColor *_Nonnull textFieldTextColor;

    Swift

    var textFieldTextColor: UIColor { get set }

  • Placeholder color for text fields.

    Declaration

    Objective-C

    @property (nonatomic) UIColor *_Nonnull textFieldPlaceholderColor;

    Swift

    var textFieldPlaceholderColor: UIColor { get set }

  • Border color of inactive text field. accentColor is used for active state.

    Declaration

    Objective-C

    @property (nonatomic) UIColor *_Nonnull textFieldBorderColor;

    Swift

    var textFieldBorderColor: UIColor { get set }

  • Color for rendering any error messages or views.

    Declaration

    Objective-C

    @property (nonatomic) UIColor *_Nonnull errorColor;

    Swift

    var errorColor: UIColor { get set }

Activity indicator views

  • Indicator view processing style that is shown over primary background color.

    Declaration

    Objective-C

    @property (nonatomic) UIActivityIndicatorViewStyle activityIndicatorPrimaryStyle;

    Swift

    var activityIndicatorPrimaryStyle: UIActivityIndicatorView.Style { get set }

  • Indicator view processing style that is shown over secondary background color.

    Declaration

    Objective-C

    @property (nonatomic) UIActivityIndicatorViewStyle activityIndicatorSecondaryStyle;

    Swift

    var activityIndicatorSecondaryStyle: UIActivityIndicatorView.Style { get set }

Navigation bar customization

  • Navigation bar tint color.

    Declaration

    Objective-C

    @property (nonatomic) UIColor *_Nonnull navigationBarTintColor;

    Swift

    var navigationBarTintColor: UIColor { get set }

  • Navigation bar background color.

    Declaration

    Objective-C

    @property (nonatomic) UIColor *_Nonnull navigationBarBackgroundColor;

    Swift

    var navigationBarBackgroundColor: UIColor { get set }

  • Text attributes for navigation bar title.

    Declaration

    Objective-C

    @property (nonatomic, copy) NSDictionary *_Nonnull navigationBarTextAttributes;

    Swift

    var navigationBarTextAttributes: [AnyHashable : Any] { get set }

  • Text attributes for navigation bar item titles.

    Declaration

    Objective-C

    @property (nonatomic, copy, nullable) NSDictionary *navigationItemTextAttributes;

    Swift

    var navigationItemTextAttributes: [AnyHashable : Any]? { get set }

  • Custom text for the right bar button in the navigation bar. Localized text is expected. SDK is NOT localizing this text. Default value is “Cancel”.

    Declaration

    Objective-C

    @property (nonatomic, copy, nullable) NSString *cancelBarButtonText;

    Swift

    var cancelBarButtonText: String? { get set }

  • Custom image for the right bar button in the navigation bar. If image is not set cancelBarButtonText is shown.

    Declaration

    Objective-C

    @property (nonatomic, nullable) UIImage *cancelBarButtonImage;

    Swift

    var cancelBarButtonImage: UIImage? { get set }

Payment method list customization

  • Declaration

    Objective-C

    @property (nonatomic) UIColor *_Nonnull cellTintColor;

    Swift

    var cellTintColor: UIColor { get set }

  • Highlighted background color for cell on the table view.

    Declaration

    Objective-C

    @property (nonatomic) UIColor *_Nonnull cellHighlightedBackgroundColor;

    Swift

    var cellHighlightedBackgroundColor: UIColor { get set }

  • Text label highlighted color.

    Declaration

    Objective-C

    @property (nonatomic) UIColor *_Nonnull cellHighlightedTextColor;

    Swift

    var cellHighlightedTextColor: UIColor { get set }

  • Text font for cell on the table view.

    Declaration

    Objective-C

    @property (nonatomic) UIFont *_Nonnull cellTextFont;

    Swift

    var cellTextFont: UIFont { get set }

  • Background color of section.

    Declaration

    Objective-C

    @property (nonatomic) UIColor *_Nonnull sectionBackgroundColor;

    Swift

    var sectionBackgroundColor: UIColor { get set }

  • Text color of section title.

    Declaration

    Objective-C

    @property (nonatomic) UIColor *_Nonnull sectionTextColor;

    Swift

    var sectionTextColor: UIColor { get set }

  • Font of section title.

    Declaration

    Objective-C

    @property (nonatomic) UIFont *_Nonnull sectionFont;

    Swift

    var sectionFont: UIFont { get set }

  • Color for separator lines.

    Declaration

    Objective-C

    @property (nonatomic) UIColor *_Nonnull separatorColor;

    Swift

    var separatorColor: UIColor { get set }

  • Background color for payment brand icons.

    Declaration

    Objective-C

    @property (nonatomic) UIColor *_Nonnull paymentBrandIconBackgroundColor;

    Swift

    var paymentBrandIconBackgroundColor: UIColor { get set }

  • Border color for payment brand icons.

    Declaration

    Objective-C

    @property (nonatomic) UIColor *_Nonnull paymentBrandIconBorderColor;

    Swift

    var paymentBrandIconBorderColor: UIColor { get set }

  • Background color for stored payment method icons.

    Declaration

    Objective-C

    @property (nonatomic) UIColor *_Nonnull storedPaymentMethodIconBackgroundColor;

    Swift

    var storedPaymentMethodIconBackgroundColor: UIColor { get set }

  • Border color for stored payment method icons.

    Declaration

    Objective-C

    @property (nonatomic) UIColor *_Nonnull storedPaymentMethodIconBorderColor;

    Swift

    var storedPaymentMethodIconBorderColor: UIColor { get set }

Fonts customization

  • Text font for any important labels in a view.

    Declaration

    Objective-C

    @property (nonatomic) UIFont *_Nonnull primaryFont;

    Swift

    var primaryFont: UIFont { get set }

  • Text font for any other labels in a view.

    Declaration

    Objective-C

    @property (nonatomic) UIFont *_Nonnull secondaryFont;

    Swift

    var secondaryFont: UIFont { get set }

  • Text font for any text fields.

    Declaration

    Objective-C

    @property (nonatomic) UIFont *_Nonnull textFieldFont;

    Swift

    var textFieldFont: UIFont { get set }

  • Text font for confirmation button.

    Declaration

    Objective-C

    @property (nonatomic) UIFont *_Nonnull confirmationButtonFont;

    Swift

    var confirmationButtonFont: UIFont { get set }

  • Text font for rendering any error messages.

    Declaration

    Objective-C

    @property (nonatomic) UIFont *_Nonnull errorFont;

    Swift

    var errorFont: UIFont { get set }

  • Text font for amount label.

    Declaration

    Objective-C

    @property (nonatomic) UIFont *_Nonnull amountLabelFont;

    Swift

    var amountLabelFont: UIFont { get set }