Theme Customization
The SDK provides extensive customization options to match your app's branding and UX requirements. All theme settings should be configured before calling EdfaPayPlugin.initiate().
Quick Start
Loading...Configure Early
Always set theme configuration before calling EdfaPayPlugin.initiate(). Theme changes after initialization may not take effect.
Color Customization
Customize the primary and secondary colors to match your brand identity.
Loading...| Property | Used For | Recommendation |
|---|---|---|
| Primary Color | Buttons, headers, progress indicators | Use your brand's main color |
| Secondary Color | Text/icons on primary backgrounds | Ensure contrast ratio > 4.5:1 |
Typography
Adjust the overall font size across all SDK screens for accessibility or display preferences.
Loading...| Value | Effect | Use Case |
|---|---|---|
| 0.8f | 20% smaller | Compact displays |
| 1.0f | Default | Standard usage |
| 1.2f | 20% larger | Better readability |
| 1.5f | 50% larger | Accessibility, kiosk displays |
Branding
Display your brand logo in the SDK header area.
Loading...Logo Guidelines
- Format: PNG with transparency (recommended) or JPEG
- Dimensions: 200x60 pixels (or similar aspect ratio)
- File size: Under 100KB for optimal performance
- Background: Transparent works best with theme colors
Animations
Control animation speed and customize celebration animations.
Loading...| Speed | Effect |
|---|---|
| 0.5f | Half speed (slower, more dramatic) |
| 1.0f | Normal speed |
| 1.5f | 1.5x faster |
| 2.0f | Double speed |
| 3.0f | Triple speed (snappy feel) |
Presentation Modes
Configure how SDK screens are presented (dialogs, full screen, etc.).
Loading...Available Presentation Types
| Presentation | Position | Description |
|---|---|---|
| FULLSCREEN | Full screen | Takes entire screen |
| DIALOG_CENTER | Center | Centered modal dialog |
| DIALOG_BOTTOM_FILL | Bottom | Default - Bottom sheet, full width |
| DIALOG_BOTTOM_CENTER | Bottom-Center | Bottom, horizontally centered |
| DIALOG_TOP_FILL | Top | Top-aligned, full width |
Configuration Methods
| Method | Description |
|---|---|
| dismissOnTouchOutside(Boolean) | Allow dismiss by tapping outside |
| dismissOnBackPress(Boolean) | Allow dismiss with back button |
| animateEntry(Boolean) | Enable entry animation |
| animateExit(Boolean) | Enable exit animation |
| dimBackground(Boolean) | Dim background when shown |
| dimAmount(Float) | Dimming intensity (0.0 to 1.0) |
| cornerRadius(Int) | Corner radius in dp |
| sizePercent(Float) | Dialog height as screen percentage |
| setShufflePinPad(Boolean) | Randomize PIN pad for security |
| setPurchaseSecondaryAction(Action) | Set secondary button (REVERSE/REFUND/NONE) |
Complete Examples
Standard Business Application
Loading...Best Practices
- Configure Early: Always set theme before
EdfaPayPlugin.initiate() - Test Color Contrast: Ensure primary/secondary have WCAG AA contrast (4.5:1 minimum)
- Logo Optimization: Use appropriately sized images to prevent layout issues
- Presentation Choice: Use
DIALOG_BOTTOM_FILLfor standard mobile UX - Security Features: Enable
setShufflePinPad(true)for higher security needs
On this page
Downloads
Coming SoonSample apps, release bundles, and more content will be available here soon.