Custom SDK Style
style selected elements & general themes
Customizing is possible only in the initial step of the configuration of SensePass's SDK client.
If unfimiliar with the configuration step, refer to the Config step.
1
const spClient = SensePassFrontEndSDK.config({
2
mode: "sandbox", // "sandbox" | "production"
3
debug: true, // optional for logs
4
visualizer: true, // optional visual logs, requires HTML with id="sensepass-front-end-visualizer"
5
clientId: 'aee8d2cdc1cb...', // a SensePass's "clientId"
6
methodType: "manual_capture", // type for the transaction, defaults to "manual_capture", enum: "manual_capture" | "tokenize"
7
theme: { // optional theme for various packages
8
/** angular material provides extensive documentation on customizing their theme
9
* you can find it at: https://material.angular.io/guide/theming */
10
material: "https://pay.sandbox.sensepass.com/publicAssets/themes/custom-sample-material.theme.css" // sample for a customized material theme
11
sensepassEcommerce: "https://pay.sandbox.sensepass.com/publicAssets/themes/custom-sample-ecommerce.theme.css" // sample for a customized sensepass theme
12
config: {} // a configuration object for specific payment methods text/animations
13
}
14
})
Download and edit the following themes you wish to style on your own:
- 1.
- 2.
- 3.Save your themes in a hosting site of your choosing and set their URL in the config JSON.
- 4.
Last modified 4d ago