Skip to content

V6.6.8

Choose a tag to compare

@muhammadalkady muhammadalkady released this 21 Oct 12:10
· 12 commits to master since this release

Release Notes - Payment SDK Styling Update

New Features and Enhancements

Dimensions (dimens.xml)

  • Card Corner Radius: Added a new dimension payment_sdk_card_corner_radius for controlling the corner radius of cards.
  • Card Margin: Added payment_sdk_card_margin dimension to define the margin around cards.
  • Billing/Shipping Header Corner Radius: Added payment_sdk_billing_header_corner_radius for configuring the corner radius of the Billing/Shipping header.
  • Billing/Shipping Header Margin: Added payment_sdk_billing_header_margin dimension for setting the margin of the Billing/Shipping header.
  • Payment Screen Title Margin: Added payment_sdk_title_margin to define the start and end margins of the payment screen title.

Colors (colors.xml)

  • Billing/Shipping Header Background Color: Added payment_sdk_billing_header_background_color to define the background color of the Billing/Shipping header.
  • Billing/Shipping Header Text Color: Added payment_sdk_billing_text_color for configuring the text color of the Billing/Shipping header.
  • Switch Colors:
    • Enabled Switch Track: Added payment_sdk_enabled_switch_track_color for configuring the color of the enabled switch track.
    • Enabled Switch Handle: Added payment_sdk_enabled_switch_handle_color for configuring the handle color of the enabled switch.
    • Disabled Switch Track: Added payment_sdk_disabled_switch_track_color for configuring the color of the disabled switch track.
    • Disabled Switch Handle: Added payment_sdk_disabled_switch_handle_color for configuring the handle color of the disabled switch.
    • Switch Stroke Color: Added payment_sdk_switch_stroke_color for configuring the stroke color of the switch.

Styles (styles.xml)

  • Payment SDK Theme: Added a new style named PaymentSdkTheme which inherits from Theme.MaterialComponents.NoActionBar:
    • Hide Screen Title Background: Added payment_sdk_hideScreenTitleBackground to hide the payment screen title background.
    • Screen Title Alignment: Added payment_sdk_screenTitleAlignment for setting the alignment of the payment screen title.
    • Hide Views Shadow: Added payment_sdk_hideViewsShadow to hide the shadows of cards and buttons.

How to Override

  • Dimensions: To override any of these dimension values, add the corresponding dimension to your dimens.xml file with the same name.
  • Colors: To override any of these color values, add the corresponding color to your colors.xml file with the same name.
  • Styles: To override any of these style values, add the corresponding style or item to your styles.xml file with the same name.

General Notes

  • These changes provide more flexibility to customize the UI elements in your payment screen by allowing overrides in your application-specific XML files.
  • Ensure that the names match exactly when overriding to ensure proper customization.